:root{--bg:#eef2f8;--surface:#fff;--surface-2:#f6f8fc;--border:#dbe2ee;--text:#0f172a;--text-muted:#5b6477;--primary:#1f4fa3;--primary-hover:#183f84;--primary-soft:#e3ecfb;--header-from:#334e7e;--header-to:#5a79ad;--danger:#b42318;--danger-soft:#fdecea;--warning-soft:#fff6db;--radius:12px;--shadow:0 1px 2px #0f172a0f, 0 4px 16px #0f172a0f;--font:"Inter", "PingFang SC", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--cat-alkali:#f4a3a3;--cat-alkaline-earth:#f7c08a;--cat-transition:#f3b6d6;--cat-metal:#a9c8f0;--cat-metalloid:#8fd6c6;--cat-nonmetal:#c8e68f;--cat-halogen:#f5e27a;--cat-noble:#c7b8f0;--cat-lanthanide:#f9c9a0;--cat-actinide:#d6b4e8;--cat-transactinide:#c9ced8;--cat-unknown:#e2e5eb;--on-primary:#fff;--warning-border:#f1dc9a;--chart-bar:#4a78c2;--chart-bar-hover:#2f5ea8;--atom-electron:#1f4fa3;--atom-valence:#c2410c;--atom-valence-text:#9a3412;--atom-nucleus:#b91c1c;--atom-nucleus-stroke:#7f1d1d;--atomi-core:#f59e0b;--atomi-core-light:#fde68a;--atomi-core-stroke:#b45309;--atomi-orbit:#93c5fd;--atomi-bubble:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--tile-text:#111827;--focus:#2563eb;--success:#157f3b;--success-soft:#e6f6ec;--sim-sonne:#c27803;--sim-waerme:#c2410c;--sim-atmo:#93c5fd;--sim-boden:#4d7c0f;--mix-solar:#f2b705;--mix-wind:#5fb4e6;--mix-wasser:#1f5fbf;--mix-biomasse:#4c9a2a;--mix-sonstigeErneuerbare:#2bb5a0;--mix-kern:#8e5cc4;--mix-gas:#e07b39;--mix-kohle:#4b4b4b;--mix-sonstigeFossile:#9a8f84}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1120;--surface:#131c2e;--surface-2:#1a2438;--border:#2a3650;--text:#e5eaf3;--text-muted:#9aa6bd;--primary:#7aa7ff;--primary-hover:#a3c1ff;--primary-soft:#1d2d4f;--on-primary:#0b1120;--header-from:#111a2e;--header-to:#1f3158;--danger:#ff8a80;--danger-soft:#3a1717;--warning-soft:#3a3113;--warning-border:#5c4c1a;--shadow:0 1px 2px #0006, 0 4px 16px #0000004d;--tile-text:#f3f6fb;--focus:#9cc0ff;--success:#6fd394;--success-soft:#16301f;--sim-sonne:#fbbf24;--sim-waerme:#fb923c;--sim-atmo:#3b5b8f;--sim-boden:#84cc16;--mix-solar:#ffd23f;--mix-wind:#8fd0f5;--mix-wasser:#5b93e8;--mix-biomasse:#7cc855;--mix-sonstigeErneuerbare:#4fd6c1;--mix-kern:#b68ae8;--mix-gas:#f19a5f;--mix-kohle:#a9a9a9;--mix-sonstigeFossile:#c4b9ad;--chart-bar:#6f9be6;--chart-bar-hover:#9dbcf2;--atom-electron:#7aa7ff;--atom-valence:#fb923c;--atom-valence-text:#fdba74;--atom-nucleus:#b91c1c;--atom-nucleus-stroke:#f87171;--atomi-core:#f59e0b;--atomi-core-light:#fde68a;--atomi-core-stroke:#fbbf24;--atomi-orbit:#3b5b8f;--atomi-bubble:#23304a;--cat-alkali:#8a2f35;--cat-alkaline-earth:#8a5220;--cat-transition:#7a2e5c;--cat-metal:#2f5588;--cat-metalloid:#1f6b5e;--cat-nonmetal:#4b6b1c;--cat-halogen:#7a6710;--cat-noble:#54408f;--cat-lanthanide:#8a4e22;--cat-actinide:#6a3b85;--cat-transactinide:#4a5266;--cat-unknown:#3a4150;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--success:#6fd394;--success-soft:#16301f;--sim-sonne:#fbbf24;--sim-waerme:#fb923c;--sim-atmo:#3b5b8f;--sim-boden:#84cc16;--mix-solar:#ffd23f;--mix-wind:#8fd0f5;--mix-wasser:#5b93e8;--mix-biomasse:#7cc855;--mix-sonstigeErneuerbare:#4fd6c1;--mix-kern:#b68ae8;--mix-gas:#f19a5f;--mix-kohle:#a9a9a9;--mix-sonstigeFossile:#c4b9ad;--bg:#0b1120;--surface:#131c2e;--surface-2:#1a2438;--border:#2a3650;--text:#e5eaf3;--text-muted:#9aa6bd;--primary:#7aa7ff;--primary-hover:#a3c1ff;--primary-soft:#1d2d4f;--on-primary:#0b1120;--header-from:#111a2e;--header-to:#1f3158;--danger:#ff8a80;--danger-soft:#3a1717;--warning-soft:#3a3113;--warning-border:#5c4c1a;--shadow:0 1px 2px #0006, 0 4px 16px #0000004d;--tile-text:#f3f6fb;--focus:#9cc0ff;--chart-bar:#6f9be6;--chart-bar-hover:#9dbcf2;--atom-electron:#7aa7ff;--atom-valence:#fb923c;--atom-valence-text:#fdba74;--atom-nucleus:#b91c1c;--atom-nucleus-stroke:#f87171;--atomi-core:#f59e0b;--atomi-core-light:#fde68a;--atomi-core-stroke:#fbbf24;--atomi-orbit:#3b5b8f;--atomi-bubble:#23304a;--cat-alkali:#8a2f35;--cat-alkaline-earth:#8a5220;--cat-transition:#7a2e5c;--cat-metal:#2f5588;--cat-metalloid:#1f6b5e;--cat-nonmetal:#4b6b1c;--cat-halogen:#7a6710;--cat-noble:#54408f;--cat-lanthanide:#8a4e22;--cat-actinide:#6a3b85;--cat-transactinide:#4a5266;--cat-unknown:#3a4150;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3{margin:0;line-height:1.2}a{color:var(--primary)}code{background:#7f7f7f2e;border-radius:4px;padding:.1em .35em;font-size:.9em}.muted{color:var(--text-muted);margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--surface);color:var(--primary);box-shadow:var(--shadow);border-radius:8px;padding:10px 16px;font-weight:700;position:absolute;top:-100px;left:16px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app-main:focus,.home__details:focus{outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.tile:hover{transform:none}}.app{min-height:100vh;padding-bottom:calc(var(--atomi-space,0px) + var(--atomi-hoeher,0px));flex-direction:column;display:flex}.app-main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px 16px 48px}.app-header{background:linear-gradient(90deg, var(--header-from), var(--header-to));color:#fff;z-index:10;position:sticky;top:0;box-shadow:0 2px 8px #00000026}.app-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1400px;margin:0 auto;padding:12px 16px;display:flex}.brand{color:#fff;align-items:center;gap:12px;font-size:1.15rem;font-weight:600;text-decoration:none;display:flex}.brand__text{flex-direction:column;line-height:1.15;display:flex}.brand__name{letter-spacing:.01em;color:#8be9df;background:linear-gradient(90deg,#8be9df,#ffc07a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800}@media (forced-colors:active){.brand__name{-webkit-text-fill-color:currentColor;background:0 0}}.brand__logo{flex:none;width:56px;height:56px}.brand__tagline{opacity:.85;font-size:.78rem;font-weight:500}.main-nav{flex-wrap:wrap;gap:4px;display:flex}.main-nav a{color:#ffffffd9;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.main-nav a:hover{color:#fff;background:#ffffff1f}.main-nav a.active{color:#fff;border-radius:0;box-shadow:inset 0 -2px #fff}.nav-short{display:none}.nav-badge{color:#1f4fa3;background:#fff;border-radius:999px;padding:0 6px;font-size:.7rem}.mock-banner{background:var(--warning-soft);border-bottom:1px solid var(--warning-border);text-align:center;padding:6px 16px;font-size:.85rem}.header-search{flex:240px;align-items:stretch;min-width:180px;max-width:420px;display:flex}.header-search-area{flex:480px;align-items:center;gap:8px;min-width:300px;max-width:610px;display:flex}.header-search-area .header-search{flex:auto}.header-search input{color:#fff;width:100%;min-width:0;font:inherit;background:#10254ec7;border:1px solid #7ea6e094;border-right:0;border-radius:999px 0 0 999px;padding:8px 12px}.header-search input::placeholder{color:#ffffffb8}.header-search input:focus{outline-offset:1px;outline:3px solid #7dd3fcb3}.header-search button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#315b9b,#244879);border:1px solid #7ea6e094;border-radius:0 999px 999px 0;width:42px;font-size:1.25rem}.header-search button:hover{background:linear-gradient(135deg,#4d83d4,#3266af)}.app-footer{text-align:center;color:var(--text-muted);padding:16px;font-size:.8rem}.app-footer p{margin:0 0 6px}.footer-nav{flex-wrap:wrap;justify-content:center;gap:4px 16px;display:flex}.footer-nav a,.footer-nav .link-button{color:var(--primary);padding:4px 0;font-size:.85rem;font-weight:600}.consent{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);padding:24px;overflow:auto;box-shadow:0 20px 60px #00000059}.consent::backdrop{background:#080c188c}.consent__title{margin-bottom:8px;font-size:1.25rem}.consent p{margin:0 0 12px}.consent__options{border:0;flex-direction:column;gap:8px;margin:0 0 12px;padding:0;display:flex}.consent__option{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:8px;align-items:flex-start;gap:12px;padding:12px;display:flex}.consent__option input{width:20px;height:20px;accent-color:var(--primary);flex:none;margin:2px 0 0}.consent__hint{font-size:.85rem;display:block}.consent__links{font-size:.85rem}.consent__actions{background:var(--surface);border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;margin:0 -24px -24px;padding:12px 24px 24px;display:flex;position:sticky;bottom:-24px}.consent__actions .btn{flex:140px}@media (width<=600px){.consent{padding:16px}.consent__title{font-size:1.1rem}.consent p{font-size:.9rem}.consent__option{padding:10px}.consent__actions{gap:6px;margin:0 -16px -16px;padding:10px 16px 16px;bottom:-16px}.consent__actions .btn{flex-basis:100%}}.legal{max-width:860px;margin:0 auto}.legal__body section+section{margin-top:24px}.legal__body h2{margin-bottom:8px;font-size:1.1rem}.legal__body p,.legal__body li{max-width:70ch}.legal__body ul{padding-left:20px}.legal__status{background:var(--primary-soft);border-radius:8px;padding:16px}.compare-table.legal__table td{white-space:normal;min-width:140px}.note{background:var(--warning-soft);border:1px solid var(--warning-border);border-radius:8px;padding:12px 16px;font-size:.9rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:16px}.card__header{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.card__title{margin-bottom:12px;font-size:1rem;font-weight:700}.card__header .card__title{margin-bottom:0}.card__subtitle{margin:0 0 4px;font-size:.85rem;font-weight:600}.btn{border:1px solid var(--primary);background:var(--primary);color:var(--on-primary);font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 14px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--primary-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{color:var(--primary);background:0 0}.btn--ghost:hover{background:var(--primary-soft)}.btn--small{padding:4px 10px;font-size:.8rem}.link{font-size:.9rem;font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.link-button{font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.input{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;min-width:0;padding:8px 12px;font-size:.9rem}.input[type=search]{flex:260px}.input--select{flex:0 auto}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.result-count{margin:-4px 0 8px;font-size:.85rem}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);background:var(--surface-2);font:inherit;cursor:pointer;border-radius:999px;padding:4px 10px;font-size:.85rem;font-weight:600}.chip:hover{border-color:var(--danger);color:var(--danger)}.status{background:var(--surface-2);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0;padding:12px 16px;display:flex}.status--error{background:var(--danger-soft);color:var(--danger)}.spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.cat-alkali{--cat:var(--cat-alkali)}.cat-alkaline-earth{--cat:var(--cat-alkaline-earth)}.cat-transition{--cat:var(--cat-transition)}.cat-metal{--cat:var(--cat-metal)}.cat-metalloid{--cat:var(--cat-metalloid)}.cat-nonmetal{--cat:var(--cat-nonmetal)}.cat-halogen{--cat:var(--cat-halogen)}.cat-noble{--cat:var(--cat-noble)}.cat-lanthanide{--cat:var(--cat-lanthanide)}.cat-actinide{--cat:var(--cat-actinide)}.cat-transactinide{--cat:var(--cat-transactinide)}.cat-unknown{--cat:var(--cat-unknown)}.ptable-scroll{padding-bottom:4px;position:relative;overflow-x:auto}.ptable{grid-template-rows:20px repeat(7,auto) 12px repeat(2,auto);grid-template-columns:20px repeat(18,minmax(40px,1fr));gap:3px;min-width:780px;display:grid}.ptable__label{color:var(--text-muted);place-items:center;font-size:.72rem;font-weight:600;display:grid}.ptable__flabel{color:var(--text-muted);text-align:center;place-items:center end;padding-right:6px;font-size:.62rem;display:grid}.tile{aspect-ratio:1/1.1;background:var(--cat);color:var(--tile-text);font:inherit;cursor:pointer;border:1px solid #00000014;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:2px;transition:transform .12s,box-shadow .12s,opacity .15s;display:flex;position:relative;overflow:hidden}.tile:hover{z-index:2;transform:scale(1.12);box-shadow:0 4px 12px #0003}.tile[aria-current=true]{outline:3px solid var(--primary);outline-offset:1px;z-index:1}.tile.is-dimmed{opacity:.18}.tile__number{opacity:.85;font-size:.55rem;position:absolute;top:2px;left:4px}.tile__symbol{margin-top:6px;font-size:1rem;font-weight:700;line-height:1.1}.tile__name,.tile__mass{text-overflow:ellipsis;white-space:nowrap;opacity:.9;max-width:100%;font-size:.5rem;line-height:1.2;overflow:hidden}.tile__mass{display:none}.tile-row{flex-wrap:wrap;gap:6px;display:flex}.tile-row .tile{width:72px}.tile-row .tile__symbol{font-size:1.3rem}.tile-row .tile__name,.tile-row .tile__mass{font-size:.62rem;display:block}.legend{flex-wrap:wrap;gap:4px 12px;margin:12px 0 0;padding:0;list-style:none;display:flex}.legend__item{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:2px 6px;font-size:.78rem;display:inline-flex}.legend__item:disabled{cursor:default}.legend__item:not(:disabled):hover{border-color:var(--border)}.legend__item.is-active{border-color:var(--primary);background:var(--primary-soft)}.legend__swatch,.dot{background:var(--cat);border:1px solid #0000001f;border-radius:3px;flex:none;width:12px;height:12px;display:inline-block}.home{grid-template:"table table details""compare groups details"1fr/minmax(0,1fr) minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.home__table{grid-area:table}.home__details{grid-area:details}.home__compare{grid-area:compare}.home__groups{grid-area:groups}@media (width<=1100px){.home{grid-template:"table""details""compare""groups"/minmax(0,1fr)}}.details__head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.details__symbol{background:var(--cat);width:64px;height:64px;color:var(--tile-text);border:1px solid #0000001a;border-radius:10px;flex:none;place-items:center;font-size:1.8rem;font-weight:700;display:grid}.details__name{font-size:1.3rem}.details__actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.kv{grid-template-columns:auto 1fr;margin:0;font-size:.88rem;display:grid}.kv dt,.kv dd{border-bottom:1px solid var(--border);margin:0;padding:6px 0}.kv dt{color:var(--text-muted);padding-right:12px}.kv dd{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.kv__row{display:contents}.kv--compact{font-size:.82rem}.compare-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px;display:grid}.compare-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.compare-card .kv{padding:4px 12px 8px}.compare-card .btn{align-self:flex-start;margin:0 12px 12px}.compare-card__head{background:var(--cat);color:var(--tile-text);justify-content:space-between;align-items:center;padding:8px 12px;font-weight:700;display:flex}.compare-card__head a{color:inherit;text-decoration:none}.compare-card__head a:hover{text-decoration:underline}.compare-card__symbol{font-size:1.4rem}.table-wrap{margin-top:16px;position:relative;overflow-x:auto}.compare-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.88rem}.compare-table th,.compare-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px}.compare-table thead th{color:var(--text-muted);background:var(--surface-2);font-size:.8rem}.compare-table tbody th{color:var(--text-muted);font-weight:600}.compare-table td.is-max{background:var(--primary-soft);font-weight:700}.compare-table tr.is-selected{background:var(--primary-soft)}.compare-table td.muted{white-space:normal}.page{flex-direction:column;gap:16px;display:flex}.page__title{font-size:1.6rem}.breadcrumb{margin-bottom:-4px}.element-hero{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.element-hero__tile{background:var(--cat);width:140px;height:150px;color:var(--tile-text);border:1px solid #0000001a;border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.element-hero__number{font-weight:600;position:absolute;top:8px;left:12px}.element-hero__symbol{font-size:3.4rem;font-weight:800;line-height:1}.element-hero__mass{margin-top:6px;font-size:.85rem}.element-hero__text h1{font-size:2.2rem}.element-page__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:16px;display:grid}.pager{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.chart{position:relative}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart__grid{stroke:var(--border);stroke-width:1px}.chart__tick{fill:var(--text-muted);font-size:11px}.chart__bar path{fill:var(--chart-bar);transition:fill .12s}.chart__bar.is-hover path,.chart__bar:focus-visible path{fill:var(--chart-bar-hover)}.chart__bar.is-selected path{fill:var(--primary)}.chart__bar:focus{outline:none}.chart__bar:focus-visible rect{stroke:var(--focus);stroke-width:2px}.chart__tooltip{background:var(--text);color:var(--bg);pointer-events:none;white-space:nowrap;border-radius:8px;flex-direction:column;padding:6px 10px;font-size:.75rem;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 6px))}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.atom{flex-direction:column;align-items:center;gap:8px;margin:16px 0 0;display:flex}.atom svg{width:100%;max-width:280px;height:auto;display:block}.atom--large svg{max-width:420px}.atom figcaption{text-align:center;flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.atom__orbit{fill:none;stroke:var(--border);stroke-width:1.5px}.atom__orbit.is-valence{stroke:var(--atom-valence);stroke-dasharray:4 4}.atom__electron{fill:var(--atom-electron)}.atom__electron.is-valence{fill:var(--atom-valence);stroke:var(--surface);stroke-width:1.5px}.atom__nucleus{fill:var(--atom-nucleus);stroke:var(--atom-nucleus-stroke);stroke-width:2px}.atom__nucleus-text{fill:#fff;font-size:10px;font-weight:700}.atom__shell-label{fill:var(--text);paint-order:stroke;stroke:var(--surface);stroke-width:4px;stroke-linejoin:round;font-size:11px;font-weight:700}.atom__shell{transform-box:view-box;transform-origin:50%;animation:linear infinite atom-spin}.is-paused .atom__shell{animation-play-state:paused}@keyframes atom-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.atom__shell{animation:none}}.atom__legend{flex-wrap:wrap;justify-content:center;gap:4px 12px;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.atom__legend li.is-valence strong{color:var(--atom-valence-text)}.atom__tag{border:1px dashed var(--atom-valence);color:var(--atom-valence-text);border-radius:999px;margin-left:4px;padding:1px 6px;font-size:.7rem;font-weight:700}.atom__config{word-break:break-word;margin:0;font-size:.85rem}.bond{border-top:1px solid var(--border);margin-top:16px;padding-top:12px;font-size:.88rem}.bond__title{margin-bottom:8px;font-size:.95rem}.bond__subtitle{margin:12px 0 6px;font-size:.85rem}.bond__row{align-items:flex-start;gap:12px;display:flex}.bond__row p{margin:0 0 6px}.bond__lewis{text-align:center;flex:none}.bond__caption{font-size:.7rem}.lewis{width:72px;height:72px}.lewis__symbol{fill:var(--text);font-size:30px;font-weight:800}.lewis__dot{fill:var(--atom-valence)}.bond__examples{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.bond__examples li{align-items:baseline;gap:10px;display:flex}.bond__formula{flex:none;min-width:56px;font-size:1rem;font-weight:700}.atom-card__grid{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:center;gap:24px;display:grid}.atom-card .atom{margin:0}.atom-card .bond{border:0;margin:0;padding:0;font-size:.95rem}@media (width<=800px){.atom-card__grid{grid-template-columns:1fr}}.atomi,.atomi-fab{z-index:30;position:fixed;bottom:16px;right:16px}#nl-badge-frame{left:16px!important;right:auto!important}body:has(#nl-badge-frame){--atomi-hoeher:64px}.atomi{width:min(380px,100vw - 32px);color:var(--text);box-shadow:none;background:0 0;border:0;align-items:flex-end;gap:8px;padding:0;display:flex}.atomi:focus{outline:none}.atomi__figure{filter:drop-shadow(0 4px 8px #00000040);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;flex:none;align-items:center;display:flex}.atomi__figure.is-draggable{cursor:grab}.atomi__figure.is-draggable:active{cursor:grabbing}.atomi__name{background:var(--surface);color:var(--primary);letter-spacing:.04em;border-radius:999px;padding:0 6px;font-size:.72rem;font-weight:800}.atomi__bubble{background:var(--atomi-bubble);border-radius:14px;flex:1;min-width:0;padding:10px 40px 10px 12px;position:relative;box-shadow:0 8px 28px #00000038,0 1px 3px #0000001f}.atomi__bubble:before{content:"";background:var(--atomi-bubble);width:12px;height:12px;position:absolute;bottom:22px;left:-6px;transform:rotate(45deg)}.atomi__text{margin:0 0 8px;font-size:.88rem;line-height:1.45}.atomi__hint{color:var(--text-muted);margin:6px 0 0;font-size:.72rem}.atomi__label{letter-spacing:.03em;text-transform:uppercase;color:var(--primary);margin:0 0 4px;font-size:.72rem;font-weight:800}.atomi__btn--primary{background:var(--primary);color:var(--on-primary)}.atomi__btn--primary:hover{background:var(--primary-hover)}.atomi__btn:disabled{opacity:.5;cursor:not-allowed}.atomi__sound{font:inherit;cursor:pointer;color:var(--text-muted);background:0 0;border:0;margin-top:8px;padding:2px 0;font-size:.75rem;font-weight:600}.atomi__sound:hover{color:var(--text)}.atomi__settings-btn{z-index:1;cursor:pointer;background:var(--atomi-bubble);width:30px;height:30px;color:var(--text-muted);border:0;border-radius:50%;place-items:center;padding:0;font-size:1rem;line-height:1;display:grid;position:absolute;bottom:16px;left:50px;box-shadow:0 2px 8px #00000040}.atomi__settings-btn:hover,.atomi__settings-btn.is-active{color:var(--primary)}.atomi__settings-btn.is-active{outline:2px solid var(--primary);outline-offset:1px}.atomi--settings{width:min(420px,100vw - 32px)}.atomi-settings{flex-direction:column;gap:8px;font-size:.82rem;display:flex}.atomi-settings .atomi__label{margin:0}.atomi-settings .atomi__hint{margin:-4px 0 0}.atomi-settings__field{border:0;flex-direction:column;gap:4px;margin:0;padding:0;font-weight:600;display:flex}.atomi-settings__field select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;max-width:100%;padding:6px 8px;font-weight:400}.atomi-settings__rates{flex-flow:wrap;align-items:center;gap:6px}.atomi-settings__rates legend{width:100%;margin-bottom:4px}.atomi-settings__chip{cursor:pointer;border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-weight:600;display:inline-flex}.atomi-settings__chip input{accent-color:var(--primary);margin:0}.atomi-settings__chip.is-active{border-color:var(--primary);color:var(--primary)}.atomi-settings__check{cursor:pointer;align-items:center;gap:8px;font-weight:600;display:flex}.atomi-settings__check input{width:18px;height:18px;accent-color:var(--primary)}.atomi-settings__tip summary{cursor:pointer;color:var(--text-muted);font-weight:600}.atomi-settings__tip p{color:var(--text-muted);margin:6px 0 0}.atomi__options{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.atomi__option{font:inherit;text-align:left;cursor:pointer;border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text);border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:600}.atomi__option:hover{border-color:var(--primary)}.atomi__option[aria-disabled=true]{cursor:default}.atomi__option.is-correct{background:color-mix(in srgb, #16a34a 14%, var(--surface));border:2px solid #16a34a}.atomi__option.is-wrong{border:2px solid var(--danger);background:var(--danger-soft)}.atomi__feedback{margin:0 0 8px;font-size:.82rem}.atomi__feedback:empty{display:none}.atomi--quiz,.atomi--tour{width:min(420px,100vw - 32px)}.tour-target{outline-offset:4px;box-shadow:0 0 0 8px color-mix(in srgb, var(--atomi-core) 25%, transparent);border-radius:10px;scroll-margin-top:96px;scroll-margin-bottom:260px;animation:1.6s ease-in-out infinite tour-pulse;outline:3px solid var(--atomi-core)!important}.tour-target:not(.atomi){z-index:5;position:relative}@keyframes tour-pulse{50%{box-shadow:0 0 0 14px color-mix(in srgb, var(--atomi-core) 10%, transparent)}}@media (prefers-reduced-motion:reduce){.tour-target{animation:none}}.atomi__actions{flex-wrap:wrap;gap:6px;display:flex}.atomi__btn{font:inherit;cursor:pointer;border:1px solid var(--primary);background:var(--surface);min-height:32px;color:var(--primary);border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:700}.atomi__btn:hover{background:var(--primary-soft)}.atomi__window-actions{flex-direction:column;gap:2px;display:flex;position:absolute;top:4px;right:4px}.atomi:focus-visible{outline:none}.atomi:focus-visible .atomi__bubble{outline:3px solid var(--focus);outline-offset:2px}.atomi__icon-btn{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;font-size:1.25rem;font-weight:700;line-height:1}.atomi__icon-btn:hover{background:var(--surface-2);color:var(--text)}.atomi-fab{cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:50%;place-items:center;width:68px;height:68px;padding:0;display:grid;box-shadow:0 6px 20px #0003}.atomi-fab:hover{transform:translateY(-2px)}.atomi-mascot{overflow:visible}.atomi-mascot__path{fill:none;stroke:var(--atomi-orbit);stroke-width:2.5px}.atomi-mascot__electron{fill:var(--atom-electron)}.atomi-mascot__core{stroke:var(--atomi-core-stroke);stroke-width:2px}.atomi-mascot__eye{fill:#1e293b}.atomi-mascot__glint{fill:#fff}.atomi-mascot__cheek{fill:#fda4af;opacity:.7}.atomi-mascot__mouth{fill:none;stroke:#1e293b;stroke-width:3px;stroke-linecap:round}.atomi-mascot__mouth-open{fill:#7f1d1d;stroke:#1e293b;stroke-width:2px}.atomi-mascot__orbit{transform-box:view-box;transform-origin:50%}.atomi-mascot__orbit--a{animation:6s linear infinite atomi-orbit-a}.atomi-mascot__orbit--b{animation:8s linear infinite atomi-orbit-b}.atomi-mascot__float{transform-box:view-box;animation:3.2s ease-in-out infinite atomi-float}.atomi-mascot__eyes{transform-box:view-box;transform-origin:50% 46%;animation:4.5s infinite atomi-blink}.atomi-mascot.is-talking .atomi-mascot__float{animation-duration:1.2s}@keyframes atomi-orbit-a{0%{transform:rotate(30deg)}to{transform:rotate(390deg)}}@keyframes atomi-orbit-b{0%{transform:rotate(-30deg)}to{transform:rotate(-390deg)}}@keyframes atomi-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes atomi-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.atomi-mascot__orbit--a,.atomi-mascot__orbit--b,.atomi-mascot__float,.atomi-mascot__eyes{animation:none}.atomi-mascot__orbit--a{transform:rotate(30deg)}.atomi-mascot__orbit--b{transform:rotate(-30deg)}}@media (width<=600px){.atomi-fab{width:52px;height:52px;bottom:12px;right:12px}.atomi-fab svg{width:44px;height:44px}.atomi{left:8px;right:8px;bottom:calc(8px + var(--atomi-hoeher,0px));width:auto;animation:.2s ease-out atomi-popup}.atomi__figure svg{width:56px;height:56px}.atomi__settings-btn{bottom:14px;left:34px}.atomi__text{font-size:.85rem}}@keyframes atomi-popup{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.atomi{animation:none}}@media print{.atomi,.atomi-fab{display:none}}.theme-toggle{color:#fff;min-height:36px;font:inherit;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.theme-toggle:hover{background:#ffffff38}.theme-toggle,.page-reader__button{transition:background-color .16s,border-color .16s,transform .16s}.theme-toggle:hover,.page-reader__button:hover{border-color:#ffffff8f;transform:translateY(-1px)}.segmented{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.segmented button{background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border:0;min-height:36px;padding:6px 14px;font-size:.85rem;font-weight:600}.segmented button+button{border-left:1px solid var(--border)}.segmented button[aria-pressed=true]{background:var(--primary);color:var(--on-primary)}.sort-button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.element-list{max-height:70vh;margin-top:0;overflow:auto}.element-list thead th{z-index:1;position:sticky;top:0}.element-list .link-button{font-size:1rem}@media (width<=900px){.app-header__inner{justify-content:center}.main-nav{order:3;justify-content:center;width:100%}}@media (width<=600px){.app-header{position:static}.app-header__inner{justify-content:space-between;gap:8px;padding:10px 12px}.nav-full{display:none}.nav-short{display:inline}.app-main{padding:16px 12px 40px}.page__title{font-size:1.3rem}.element-hero{flex-direction:column;align-items:flex-start}.element-hero__text h1{font-size:1.6rem}.brand__name{font-size:1.05rem}.brand__logo{width:36px;height:36px}.brand__tagline,.theme-toggle__text{display:none}.main-nav{justify-content:space-around;gap:0}.main-nav a{padding:8px 6px;font-size:.8rem}.toolbar .input,.toolbar .btn{flex:100%}.toolbar .input--select{flex:calc(50% - 4px);min-width:0}.kv{font-size:.85rem}.compare-cards{grid-template-columns:1fr 1fr}.pager .btn{flex:100%}.mock-banner{font-size:.75rem}.header-search-area{flex-basis:100%;order:4;min-width:0;max-width:none}.header-search-area .header-search{min-width:0;max-width:none}.header-tools{order:5}.page-reader__text{display:none}.page-reader__button{padding:0 8px}.search-page__form{flex-wrap:wrap}.search-page__form .input,.search-page__form .btn{flex:100%}}@media (width<=420px){.compare-cards{grid-template-columns:1fr}}.fact-list{margin:0;padding-left:1.2em}.fact-list li{margin-bottom:4px}.header-tools{align-items:center;gap:8px;display:flex}.page-reader{align-items:center;gap:8px;display:inline-flex}.header-tools>.theme-toggle,.header-tools .page-reader__button,.language-switcher .theme-toggle{box-sizing:border-box;color:#f4f8ff;background:linear-gradient(135deg,#263f6d,#1d3159);border-color:#7ea6e0b3;flex:0 0 112px;justify-content:center;align-items:center;width:112px;min-width:112px;height:40px;min-height:40px;padding:0 12px;font-size:.9rem;line-height:1;display:inline-flex;box-shadow:0 6px 16px #04123052,inset 0 1px #ffffff1a;border-radius:12px!important}.header-tools>.theme-toggle:hover,.header-tools .page-reader__button:hover,.language-switcher .theme-toggle:hover,.header-tools .page-reader__button[aria-pressed=true]{background:linear-gradient(135deg,#5794ec,#3268b5);border-color:#a5dcffe6;transform:translateY(-2px);box-shadow:0 8px 20px #2b68c166,inset 0 1px #ffffff2e}.header-tools>.theme-toggle:focus-visible,.header-tools .page-reader__button:focus-visible,.language-switcher .theme-toggle:focus-visible{outline-offset:2px;outline:3px solid #93c5fde6}.page-reader__button{gap:6px}.language-switcher{flex:0 0 168px;gap:4px;width:168px;height:40px;display:inline-flex}.language-switcher .theme-toggle{flex:1 1 0;width:auto;min-width:0;padding:0 8px}.language-switcher .theme-toggle[aria-pressed=true]{background:linear-gradient(135deg,#5794ec,#3268b5);border-color:#a5dcffe6;box-shadow:0 8px 20px #2b68c166,inset 0 1px #ffffff2e}.search-page__form{gap:8px;max-width:760px;margin:0 0 20px;display:flex}.search-page__form .input{flex:1;min-width:0}.search-page__count{margin:0 0 12px}.search-results{gap:12px;display:grid}.search-result{color:inherit;text-decoration:none;display:block}.search-result:hover{border-color:var(--primary);transform:translateY(-1px)}.search-result h2{margin:8px 0 4px;font-size:1.1rem}.search-result p{margin:0}.sprach-hinweis{margin:0 0 16px}.klein{font-size:.82rem}.badge{background:var(--primary-soft);color:var(--primary);vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:.72rem;font-weight:700;display:inline-block}.quelle-zeile{color:var(--text-muted);margin:8px 0 0;font-size:.78rem}.quelle-zeile a{color:inherit}.befehl{margin:8px 0 0;overflow-x:auto}.stufen{flex-wrap:wrap;gap:8px;display:flex}.stufen button{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 14px;display:flex}.stufen button:hover{border-color:var(--primary)}.stufen button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.stufen__name{font-size:.9rem;font-weight:700}.stufen__text{opacity:.85;font-size:.75rem}.themen__kopf{align-items:center;gap:20px;display:flex}.themen__logo{flex:none}.themen__intro{max-width:60ch;margin-top:6px}.themen__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.themen__grid li{display:flex}.themen-karte{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text);flex-direction:column;flex:1;gap:6px;padding:18px;text-decoration:none;display:flex}.themen-karte:hover{border-color:var(--primary)}.themen-karte__icon{font-size:2rem;line-height:1}.themen-karte__name{color:var(--primary);font-size:1.15rem;font-weight:800}.themen-karte__text{color:var(--text-muted);font-size:.9rem}.themen-karte__zahlen{color:var(--text-muted);flex-wrap:wrap;gap:4px 12px;margin-top:auto;padding-top:8px;font-size:.78rem;display:flex}.themen-karte__zahlen strong{color:var(--text)}.pse-karte{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.pse-karte>div{flex:240px;min-width:0}.pse-karte__icon{font-size:2.2rem}.kategorie__kopf{align-items:center;gap:16px;display:flex}.kategorie__icon{font-size:2.6rem;line-height:1}.tabs{border-bottom:2px solid var(--border);gap:4px;display:flex;overflow-x:auto}.tabs button{color:var(--text-muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;min-height:44px;margin-bottom:-2px;padding:10px 16px;font-size:.95rem;font-weight:700}.tabs button:hover{color:var(--text)}.tabs button[aria-selected=true]{color:var(--primary);border-bottom-color:var(--primary)}.bereich{flex-direction:column;gap:16px;display:flex}.bereich__titel{margin-bottom:12px;font-size:1.2rem}.begriffe+.begriffe{margin-top:20px}.begriffe__stufe{color:var(--text-muted);margin-bottom:10px;font-size:1rem}.begriffe__grid,.sim-grid,.formel-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.begriffe__grid li,.sim-grid li,.formel-grid li{min-width:0;display:flex}.experimente{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.experimente>li{min-width:0;display:flex}.experiment{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.experiment__ziel{margin:0}.experiment__info{flex-wrap:wrap;gap:6px;margin:0;display:flex}.experiment__info .badge{margin-left:0}.experiment__unter{margin:8px 0 0;font-size:1rem}.experiment__liste{gap:4px;margin:0;padding-left:1.4em;display:grid}.experiment__sicherheit{margin:4px 0 0}.begriff{flex-direction:column;flex:1;padding:0;display:flex;overflow:hidden}.begriff__bild{object-fit:contain;border-bottom:1px solid var(--border);background:#fff;width:100%;height:160px}.begriff__inhalt{flex-direction:column;flex:1;gap:8px;padding:14px 16px 16px;display:flex}.begriff__name{font-size:1.05rem}.begriff__daten{gap:16px;margin:0;font-size:.85rem;display:flex}.begriff__daten dt{color:var(--text-muted);font-size:.75rem}.begriff__daten dd{margin:0;font-weight:700}.begriff__text{margin:0;font-size:.9rem}.begriff .quelle-zeile{margin-top:auto}.link-liste{flex-direction:column;gap:6px;margin:0;padding-left:1.2em;display:flex}.link-liste .badge{margin-left:0}.feld+.feld{margin-top:14px}.schlagworte{flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.schlagworte li{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:2px 10px;font-size:.78rem}.planeten-bilder{gap:12px;margin:0 0 8px;padding:0;list-style:none;display:flex;overflow-x:auto}.planeten-bilder li{color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;font-size:.75rem;display:flex}.planeten-bilder img{object-fit:contain;background:#000;border-radius:50%;width:72px;height:72px}.weltall-bilder{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.weltall-bilder figure{margin:0}.weltall-bilder img{object-fit:cover;border-radius:8px;width:100%;height:160px}.weltall-bilder figcaption{font-size:.8rem}.quiz{flex-direction:column;gap:12px;max-width:760px;display:flex}.quiz__frage{font-size:1.2rem}.quiz__frage:focus{outline:none}.quiz__antworten{gap:8px;margin:0;padding:0;list-style:none;display:grid}.quiz__antwort{text-align:left;border:2px solid var(--border);background:var(--surface-2);width:100%;min-height:48px;color:var(--text);font:inherit;cursor:pointer;border-radius:10px;padding:12px 16px;font-weight:600}.quiz__antwort:hover{border-color:var(--primary)}.quiz__antwort[aria-disabled=true]{cursor:default}.quiz__antwort.is-richtig{border-color:var(--success);background:var(--success-soft)}.quiz__antwort.is-falsch{border-color:var(--danger);background:var(--danger-soft)}.quiz__richtig{color:var(--success);margin:0 0 4px;font-weight:700}.quiz__falsch{color:var(--danger);margin:0 0 4px;font-weight:700}.quiz__rueckmeldung p:last-child{margin-bottom:0}.quiz .btn,.begriff__mehr{align-self:flex-start}.begriff__einfach{border-radius:var(--radius);background:var(--surface-2);padding:8px 12px}.begriff__einfach summary{cursor:pointer;color:var(--primary);font-weight:700}.begriff__einfach p{margin:8px 0 0}.quiz__ergebnis{font-size:1.15rem;font-weight:700}.sim-karte{flex-direction:column;flex:1;gap:8px;display:flex}.sim-karte__bild{aspect-ratio:420/274;object-fit:cover;border:1px solid var(--border);border-radius:8px;width:100%}.sim-karte__titel{font-size:1.05rem}.sim-karte__text{color:var(--text-muted);margin:0;font-size:.88rem}.sim-karte .btn{align-self:flex-start;margin-top:auto}.sim-rahmen{aspect-ratio:16/10;border:1px solid var(--border);border-radius:var(--radius);background:#000;width:100%;max-height:80vh;overflow:hidden}.sim-rahmen iframe{border:0;width:100%;height:100%;display:block}.formel{flex-direction:column;flex:1;gap:10px;margin:0;display:flex}.formel .card__title{margin-bottom:0}.formel__formel{background:var(--primary-soft);border-radius:8px;margin:0;padding:8px 12px;font-size:1.1rem;font-weight:700;overflow-x:auto}.formel__felder{flex-direction:column;gap:8px;display:flex}.feld-label{flex-direction:column;gap:4px;font-size:.85rem;font-weight:600;display:flex}.feld-label .input{flex:none;width:100%}.formel .btn{align-self:flex-start}.formel__ergebnis{overflow-wrap:anywhere;margin:0;font-size:1.05rem}.formel__fehler{color:var(--danger);margin:0;font-weight:600}.einheiten__felder{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end;gap:8px;display:grid}.konstanten{max-height:420px;margin-top:12px;overflow:auto}.konstanten .badge{font-family:var(--font)}.quellen-tabelle td,.quellen-tabelle th{white-space:normal}@media (width<=600px){.header-tools{gap:6px}.header-tools>.theme-toggle,.header-tools .page-reader__button{flex-basis:64px;width:64px;min-width:64px;height:40px;min-height:40px;padding:0 8px}.language-switcher{flex-basis:96px;width:96px;height:40px}.language-switcher .theme-toggle{padding:0 4px}.themen__kopf{align-items:flex-start}.themen__logo{width:56px;height:56px}.themen__grid,.begriffe__grid,.sim-grid,.formel-grid{grid-template-columns:1fr}.stufen button{flex:calc(50% - 4px)}.kategorie__icon{font-size:2rem}.tabs button{padding:10px;font-size:.88rem}}.atom-kugel{fill:#c7cbd4;stroke:#1f2937;stroke-width:1.5px}.atom-kugel--H{fill:#fff}.atom-kugel--C{fill:#3a3f47}.atom-kugel--N{fill:#3b5bdb}.atom-kugel--O{fill:#e03131}.atom-kugel--F,.atom-kugel--Cl{fill:#2f9e44}.atom-kugel--Br{fill:#8b2b1a}.atom-kugel--I{fill:#6a2c91}.atom-kugel--S{fill:#f2c94c}.atom-kugel--P{fill:#f08c00}.atom-kugel--B{fill:#f4a9a0}.atom-kugel--Na{fill:#9775fa}.atom-kugel--Si{fill:#d9b38c}.atom-kugel--Xe{fill:#22b8cf}.atom-symbol{font:700 16px var(--font);text-anchor:middle;dominant-baseline:central;fill:#111827;pointer-events:none}.atom-kugel--C+.atom-symbol,.atom-kugel--N+.atom-symbol,.atom-kugel--O+.atom-symbol,.atom-kugel--F+.atom-symbol,.atom-kugel--Cl+.atom-symbol,.atom-kugel--Br+.atom-symbol,.atom-kugel--I+.atom-symbol,.atom-kugel--Na+.atom-symbol{fill:#fff}.atom-ladung{font:700 14px var(--font);fill:var(--text);text-anchor:middle}.bindung line{stroke:var(--text-muted);stroke-width:3px;stroke-linecap:round}.molekuel-bild--lewis .bindung line{stroke:var(--text);stroke-width:2px}.lewis-hintergrund{fill:var(--surface)}.lewis-symbol{font:700 18px var(--font);text-anchor:middle;dominant-baseline:central;fill:var(--text)}.lewis-paar circle{fill:var(--primary)}.labor-karte{border:2px solid var(--primary);flex-wrap:wrap;align-items:center;gap:16px;display:flex}.labor-karte>div:first-of-type{flex:260px;min-width:0}.labor-karte__icon{font-size:2.4rem}.labor-karte__knoepfe{flex-wrap:wrap;gap:8px;display:flex}.labor-ansehen{flex-direction:column;gap:16px;display:flex}.labor-ansehen__raster{grid-template-columns:minmax(240px,320px) 1fr;align-items:start;gap:16px;display:grid}.labor-liste{flex-direction:column;gap:10px;display:flex}.labor-liste__eintraege{flex-direction:column;gap:4px;max-height:560px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.labor-liste__eintraege button{width:100%;min-height:40px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;gap:8px;padding:8px 10px;display:flex}.labor-liste__eintraege button:hover{background:var(--surface-2)}.labor-liste__eintraege button[aria-pressed=true]{background:var(--primary-soft);border-color:var(--primary);font-weight:700}.labor-liste__formel{color:var(--text-muted);white-space:nowrap}.labor-details{flex-direction:column;gap:12px;min-width:0;display:flex}.labor-details__kopf{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.labor-details__name{font-size:1.4rem}.labor-details__formel{color:var(--primary);margin:4px 0 0;font-size:1.3rem}.labor-details__bild{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);justify-content:center;padding:8px;display:flex}.molekuel-bild{width:100%;max-height:380px}.labor-details__aufbau summary{cursor:pointer;font-weight:600}.labor-details__knoepfe{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.baukasten{flex-direction:column;gap:16px;display:flex}.baukasten__ziel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.baukasten__ziel p{margin:0}.baukasten__ziel-knoepfe{flex-wrap:wrap;gap:8px;display:flex}.baukasten__ziel.is-geschafft,.baukasten__ergebnis.is-geschafft{background:var(--success-soft);border-color:var(--success)}.mini-pse{grid-template-columns:repeat(18,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.mini-pse li{grid-row:var(--zeile);grid-column:var(--spalte)}.mini-pse__element{aspect-ratio:1;width:100%;max-width:64px;min-height:44px;font:inherit;cursor:grab;color:#111827;border:1px solid #1f2937;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;display:flex}.mini-pse__element.atom-kugel{background:#c7cbd4}.mini-pse__element.atom-kugel--H{background:#fff}.mini-pse__element.atom-kugel--C{color:#fff;background:#3a3f47}.mini-pse__element.atom-kugel--N{color:#fff;background:#3b5bdb}.mini-pse__element.atom-kugel--O{color:#fff;background:#e03131}.mini-pse__element.atom-kugel--F,.mini-pse__element.atom-kugel--Cl{color:#fff;background:#2f9e44}.mini-pse__element.atom-kugel--Br{color:#fff;background:#8b2b1a}.mini-pse__element.atom-kugel--I{color:#fff;background:#6a2c91}.mini-pse__element.atom-kugel--S{background:#f2c94c}.mini-pse__element.atom-kugel--P{background:#f08c00}.mini-pse__element.atom-kugel--B{background:#f4a9a0}.mini-pse__element.atom-kugel--Na{color:#fff;background:#9775fa}.mini-pse__element.atom-kugel--Si{background:#d9b38c}.mini-pse__element.atom-kugel--Xe{background:#22b8cf}.mini-pse__symbol{font-size:1.05rem;font-weight:800;line-height:1}.mini-pse__bindungen{opacity:.9;font-size:.68rem}.baukasten__formel{color:var(--primary);font-size:1.2rem;font-weight:700}.baukasten__flaeche{aspect-ratio:640/400;border:2px dashed var(--border);border-radius:var(--radius);background:var(--surface-2);touch-action:none;width:100%;max-width:900px;height:auto;margin:0 auto;display:block}.baukasten__leer{font:600 18px var(--font);fill:var(--text-muted);text-anchor:middle}.bau-atom{cursor:grab;outline:none}.bau-atom__ring{fill:#0000;stroke:#0000;stroke-width:3px}.bau-atom:focus-visible .bau-atom__ring{stroke:var(--focus);stroke-dasharray:4 3}.bau-atom.is-ausgewaehlt .bau-atom__ring{stroke:var(--primary);stroke-width:4px;fill:var(--primary-soft)}.bau-atom__frei circle{fill:var(--surface);stroke:var(--primary);stroke-width:2px}.bau-atom__frei text{font:700 11px var(--font);fill:var(--primary);text-anchor:middle;dominant-baseline:central}.baukasten__knoepfe{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.baukasten__geschafft{color:var(--success);margin:0 0 6px;font-size:1.15rem;font-weight:800}.baukasten__nachricht{margin:0 0 6px;font-weight:600}.baukasten__hinweise{margin:0;padding-left:1.2em}@media (width<=900px){.labor-ansehen__raster{grid-template-columns:1fr}.labor-liste__eintraege{max-height:260px}}@media (width<=700px){.mini-pse{flex-wrap:wrap;display:flex}.mini-pse__element{width:48px}}.atomi-frage{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.atomi-frage__feld{flex:160px;min-width:0;font-size:.85rem}.atomi-frage__status{color:var(--text-muted);flex-basis:100%;min-height:1em;margin:0;font-size:.78rem}.atomi__frage{color:var(--text-muted);margin:0 0 4px;font-size:.8rem;font-style:italic}.atomi__quellen{margin-top:6px;font-size:.78rem}.atomi__quellen-titel{color:var(--text-muted);margin:0 0 2px}.atomi__quellen ul{margin:0;padding-left:1.1em}.atomi__quellen .muted{display:inline}.atomi-frage__hinweis{color:var(--text-muted);flex-basis:100%;margin:0;font-size:.72rem}.konto-knopf{box-sizing:border-box;color:#f4f8ff;background:linear-gradient(135deg,#263f6d,#1d3159);border:1px solid #7ea6e0b3;border-radius:12px;align-items:center;gap:8px;max-width:180px;height:40px;padding:0 12px 0 4px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 6px 16px #04123052,inset 0 1px #ffffff1a}.konto-knopf--text{padding:0 14px}.konto-knopf:hover,.konto-knopf.active{background:linear-gradient(135deg,#5794ec,#3268b5);border-color:#a5dcffe6}.konto-knopf:focus-visible{outline-offset:2px;outline:3px solid #93c5fde6}.konto-knopf__bild{object-fit:cover;border-radius:9px;flex:0 0 32px;width:32px;height:32px}.konto-knopf__bild--leer{color:#1d3159;background:#f4f8ff;place-items:center;font-weight:700;display:inline-grid}.konto-knopf__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=640px){.konto-knopf{padding-right:4px}.konto-knopf--text{padding:0 10px}.konto-knopf__name{display:none}}.start{text-align:center;justify-items:center;gap:12px;max-width:640px;margin:0 auto;padding-block:24px;display:grid}.start__logo{width:120px;height:120px}.start__titel{text-wrap:balance;margin:0;font-size:clamp(1.6rem,6vw,2.4rem)}.start__tagline{color:var(--primary);margin:0;font-weight:600}.start__intro{max-width:60ch;margin:0}.start__liste{text-align:left;gap:8px;margin:4px 0;padding:0;list-style:none;display:grid}.start__liste li{padding-left:28px;position:relative}.start__liste li:before{content:"✓";color:var(--primary);font-weight:700;position:absolute;left:4px}.start__knoepfe{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.start__knoepfe .btn{min-width:180px}@media (width<=420px){.start__knoepfe .btn{flex:100%;min-width:0}}.konto{justify-items:center;padding-block:16px;display:grid}.konto__karte{box-sizing:border-box;gap:14px;width:100%;max-width:460px;display:grid}.konto__karte .page__title{text-wrap:balance;margin:0}.konto__meldung{margin:0}.konto__form{gap:12px;display:grid}.konto__feld{gap:4px;min-width:0;display:grid}.konto__feld label{font-size:.9rem;font-weight:600}.konto__feld .input{box-sizing:border-box;width:100%}.konto__hinweis{margin:0;font-size:.85rem}.konto__haken{cursor:pointer;align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.4;display:flex}.konto__haken input{width:18px;height:18px;accent-color:var(--primary);flex:0 0 18px;margin:1px 0 0}.konto__google{gap:10px;width:100%}.konto__oder{color:var(--text-muted);align-items:center;gap:12px;margin:0;font-size:.85rem;display:flex}.konto__oder:before,.konto__oder:after{content:"";border-top:1px solid var(--border);flex:1}.konto__links{flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin:0;font-size:.9rem;display:flex}.gelernt-knopf{justify-self:start;margin-top:4px}.gelernt-knopf.is-an{background:var(--primary);color:var(--on-primary)}.btn--gefahr{background:var(--danger);border-color:var(--danger);color:#fff}.btn--gefahr:hover{background:var(--danger);filter:brightness(.9)}.profil{gap:16px;max-width:860px;margin:0 auto;display:grid}.profil__kopfzeile{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.profil__kopfzeile .page__title{margin:0}.profil__bereich{gap:12px;min-width:0;display:grid}.profil__bereich .card__title{margin:0}.profil__kopf{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.profil__bild{object-fit:cover;border:1px solid var(--border);border-radius:20px;flex:0 0 96px;width:96px;height:96px}.profil__bild--leer{background:var(--primary-soft);color:var(--primary);place-items:center;font-size:2.4rem;font-weight:700;display:grid}.profil__bildknoepfe{flex-wrap:wrap;flex:200px;align-items:center;gap:8px;min-width:0;display:flex}.profil__bildknoepfe .konto__hinweis{flex-basis:100%}.profil__datei{cursor:pointer;position:relative}.profil__datei:focus-within{outline:3px solid var(--primary);outline-offset:2px}.profil__zeile{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.profil__zeile .konto__feld{flex:220px}.profil__daten{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 16px;margin:0;display:grid}.profil__daten dt{color:var(--text-muted);font-size:.8rem}.profil__daten dd{overflow-wrap:anywhere;margin:0}.profil__unter{margin:4px 0 0;font-size:1rem}.profil__liste{gap:4px;margin:0;padding-left:20px;display:grid}.profil__verlauf{gap:12px;max-height:420px;margin:0;padding-left:20px;display:grid;overflow-y:auto}.profil__verlauf p{margin:0}.profil__frage{margin-bottom:4px}.profil__gefahr{border-color:var(--danger)}.zahl{font-variant-numeric:tabular-nums;white-space:nowrap}.fortschritt__balken{background:var(--surface-2);border:1px solid var(--border);border-radius:3px;min-width:60px;height:6px;margin-top:4px;display:block;overflow:hidden}.fortschritt__balken span{background:var(--primary);height:100%;display:block}.schule__bereich{gap:12px;min-width:0;display:grid}.schule__bereich .card__title{margin:0}.schule__zeile{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.schule__liste{gap:8px;margin:0;padding:0;list-style:none;display:grid}.schule__liste li{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;min-width:0;padding:8px 0;display:flex}.schule__liste li>span{overflow-wrap:anywhere;min-width:0}.schule__knoepfe{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.schule__code p{margin:0}.schule__codetext{letter-spacing:.1em;font-size:1.3rem}.schule__namen{box-sizing:border-box;resize:vertical;width:100%;font:inherit}.rueckfrage{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.rueckfrage__text{font-size:.85rem}.klassen__liste{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.klassen__eintrag{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);gap:4px;padding:12px;display:grid}.klassen__name{color:var(--primary);font-size:1.2rem;font-weight:700;text-decoration:none}a.klassen__name:hover{text-decoration:underline}.admin__liste{gap:12px;margin:0;padding:0;list-style:none;display:grid}.chip[aria-pressed=true]{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.zugangskarten__liste{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.zugangskarte{border:2px dashed var(--border);border-radius:var(--radius);break-inside:avoid;gap:6px;min-width:0;padding:12px;display:grid}.zugangskarte p{margin:0}.zugangskarte__kopf{align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.zugangskarte__name{font-size:1.1rem;font-weight:700}.zugangskarte dl{gap:4px;margin:0;display:grid}.zugangskarte dt{color:var(--text-muted);font-size:.75rem}.zugangskarte dd{overflow-wrap:anywhere;margin:0;font-size:1.1rem}@media print{.app-header,.app-footer,.atomi,.atomi-fab,.nicht-drucken,.consent,.app-hinweis,.app-dl{display:none!important}body,.app-main{color:#000!important;background:#fff!important}.zugangskarten{box-shadow:none;border:0;padding:0}.zugangskarte{color:#000;border-color:#000}.zugangskarte dt,.zugangskarte .muted{color:#333}}.aufgaben__liste{gap:10px;margin:0;padding:0;list-style:none;display:grid}.aufgabe-karte{border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius);background:var(--surface);gap:6px;min-width:0;padding:12px 14px;display:grid}.aufgabe-karte.is-erledigt{border-left-color:var(--border);opacity:.85}.aufgabe-karte__titel{color:var(--primary);overflow-wrap:anywhere;font-size:1.05rem;font-weight:700;text-decoration:none}.aufgabe-karte__titel:hover{text-decoration:underline}.aufgabe-karte__infos{flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;font-size:.85rem;display:flex}.aufgabe-karte__ueberfaellig{color:var(--danger);font-weight:600}.aufgabe-karte__stand{margin:0;font-size:.85rem;font-weight:600}.aufgabe__text p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.aufgabe__antwort{white-space:pre-wrap;overflow-wrap:anywhere;min-width:200px}.aufgabe-form__inhalte{border:1px solid var(--border);border-radius:var(--radius);gap:10px;min-width:0;padding:12px;display:grid}.aufgabe-form__inhalte legend{padding:0 6px;font-weight:600}.aufgabe-form__wahl{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:10px;display:grid}.aufgabe-form__breit{grid-column:span 2}@media (width<=420px){.aufgabe-form__breit{grid-column:auto}}.pruefung-karte{border-left-color:var(--atomi-core)}.pruefung-karte.is-bald{border-left-color:var(--danger)}.pruefung__termin{margin:0}.lernplan__zeile{color:var(--text-muted);margin-top:2px;font-size:.85rem;display:block}.lernplan__zeile .fortschritt__balken{max-width:220px}.uebung__fieldset{border:1px solid var(--border);border-radius:var(--radius);gap:8px;min-width:0;padding:12px;display:grid}.uebung__fieldset legend{gap:2px;max-width:100%;padding:0 6px;display:grid}.uebung__nr{font-size:.8rem}.uebung__frage{overflow-wrap:anywhere;font-weight:600}.uebung__antwort{border-radius:8px;padding:6px 8px}.uebung__antwort:hover{background:var(--surface-2)}.uebung__ergebnis{gap:12px;margin:0;padding-left:20px;display:grid}.uebung__ergebnis li{padding-left:4px}.uebung__ergebnis p{margin:0 0 2px}.uebung__ergebnis .is-richtig strong{color:var(--primary)}.uebung__ergebnis .is-falsch strong{color:var(--danger)}.beitrag__entwuerfe{gap:12px;margin:0;padding-left:20px;display:grid}.beitrag__entwurf{gap:4px;display:grid}.beitrag__entwurf p{overflow-wrap:anywhere;margin:0}.beitrag__entwurf .btn{justify-self:start}.beitrag__status--freigegeben{background:var(--primary-soft);color:var(--primary)}.beitrag__status--abgelehnt{background:var(--danger-soft);color:var(--danger)}.admin__bereiche{margin-bottom:4px}#beitrag-formular:focus{outline:none}.antrag__namen{overflow-wrap:anywhere;display:block}.beitrag__status--wartet{background:var(--warning-soft);color:var(--text)}.admin__zahlen{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0;display:grid}.admin__zahlen div{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);padding:10px 12px}.admin__zahlen dt{color:var(--text-muted);font-size:.8rem}.admin__zahlen dd{margin:4px 0 0;font-size:1.6rem;font-weight:700}.admin__filter{max-width:260px}.admin__protokoll{gap:0;margin:0;padding:0;list-style:none;display:grid}.admin__protokoll li{border-bottom:1px solid var(--border);grid-template-columns:auto auto 1fr;align-items:baseline;gap:4px 10px;min-width:0;padding:8px 0;display:grid}.admin__protokoll time{white-space:nowrap;font-size:.8rem}.admin__protokolltext{overflow-wrap:anywhere;min-width:0}@media (width<=560px){.admin__protokoll li{grid-template-columns:auto 1fr}.admin__protokolltext{grid-column:1/-1}}.admin__problem{border:1px solid var(--border);border-radius:var(--radius);gap:8px;min-width:0;padding:12px;display:grid}.admin__problem p{margin:0}.admin__problemtext{overflow-wrap:anywhere}.admin__stack{background:var(--surface-2);white-space:pre;border-radius:8px;margin:6px 0 0;padding:8px;font-size:.75rem;overflow-x:auto}.admin__bereiche{flex-wrap:wrap}.demo__rollen{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.demo__rolle{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);align-content:start;gap:4px;padding:12px;display:grid}.demo__rolletext{font-size:.85rem}.demo__rolle .btn{justify-self:start;margin-top:6px}.demo-balken{background:var(--atomi-core);color:#1d1300;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;padding:8px 16px;display:flex}.demo-balken .chip{color:#1d1300;background:#ffffffb3;border-color:#0003}.demo-balken .chip[aria-pressed=true]{color:#fff;background:#1d1300}.demo-balken__knoepfe{flex-wrap:wrap;gap:6px;display:flex}.pse-hilfe{gap:.75rem;min-width:0;display:grid}.pse-hilfe__knopf{justify-self:start}.pse-hilfe__inhalt{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);gap:.75rem;min-width:0;padding:.75rem;display:grid}.pse-hilfe__titel{margin:0;font-size:1rem}.pse-hilfe__inhalt>p{margin:0}.pse-hilfe__werte{gap:.5rem;display:grid}.pse-hilfe__name{margin:0}.tile.is-highlighted{outline:3px dashed var(--atom-valence);outline-offset:1px;z-index:1}.tile.is-highlighted[aria-current=true]{outline-style:solid}.eb{gap:1.5rem;min-width:0;display:grid}.eb__oben{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}@media (width<=700px){.eb__oben{grid-template-columns:minmax(0,1fr)}}.eb__bild{gap:.4rem;min-width:0;margin:0;display:grid}.eb__bild svg{border:1px solid var(--border);border-radius:var(--radius);width:100%;height:auto}.eb__beschriftung{fill:var(--text);font-size:13px;font-weight:600}.eb__beschriftung--hell{fill:var(--surface)}.eb__wert{fill:var(--text);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.eb__ergebnis{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:.25rem;padding:1rem;display:grid}.eb__ergebnis p{margin:0}.eb__temp-titel{font-weight:600}.eb__temp{font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:700}.eb__regler{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:1rem;min-width:0;margin:0;padding:1rem;display:grid}.eb__regler legend{padding:0 .25rem;font-weight:600}.eb__regel{gap:.3rem;display:grid}.eb__regel p{margin:0}.eb__regel-kopf{flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-weight:600;display:flex}.eb__regel input[type=range]{width:100%;accent-color:var(--primary)}.eb__beispiele{flex-wrap:wrap;gap:.5rem;display:flex}.eb__liste{overflow-wrap:anywhere;gap:.3rem;margin:0 0 .5rem;padding-left:1.2rem;display:grid}.eb__aufgaben{gap:.75rem;padding-left:1.2rem;display:grid}.eb__aufgaben p{margin:0 0 .3rem}.quiz__bild{max-width:100%;margin:0 0 1rem}.quiz__bild img{border:1px solid var(--border);border-radius:8px;width:auto;max-width:min(100%,560px);height:auto;max-height:420px;display:block}.strommix{gap:.75rem;min-width:0;display:grid}.strommix>p{margin:0}.strommix__auswahl{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.strommix__jahr{flex:220px}.strommix__jahr input[type=range]{width:100%;accent-color:var(--primary)}.strommix__balken{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;height:2rem;display:flex;overflow:hidden}.strommix__teil{height:100%}.strommix__punkt{vertical-align:middle;border-radius:3px;width:.8rem;height:.8rem;display:inline-block}.strommix__kennzahlen p{margin:.2rem 0}.strommix__tabelle th[scope=row]{font-weight:500}.strommix__teil--solar{background:var(--mix-solar)}.strommix__teil--wind{background:var(--mix-wind)}.strommix__teil--wasser{background:var(--mix-wasser)}.strommix__teil--biomasse{background:var(--mix-biomasse)}.strommix__teil--sonstigeErneuerbare{background:var(--mix-sonstigeErneuerbare)}.strommix__teil--kern{background:var(--mix-kern)}.strommix__teil--gas{background:var(--mix-gas)}.strommix__teil--kohle{background:var(--mix-kohle)}.strommix__teil--sonstigeFossile{background:var(--mix-sonstigeFossile)}.strommix__tabelle{width:100%;min-width:0}.strommix__tabelle td{text-align:right;white-space:nowrap}.strommix__tabelle th,.strommix__tabelle td{white-space:normal;padding-inline:.4rem}.strommix__tabelle td{white-space:nowrap}.download-symbol{flex:none}.app-hinweis{background:var(--primary-soft);border-bottom:1px solid var(--border);color:var(--text)}.app-hinweis__inner{align-items:center;gap:12px;max-width:1200px;margin:0 auto;padding:10px 16px;display:flex}.app-hinweis__icon{border-radius:10px;flex:none}.app-hinweis__text{flex:auto;min-width:0;margin:0;font-size:.95rem;font-weight:600}.app-hinweis__knopf{flex:none}.app-hinweis__zu,.app-dl__zu{width:40px;height:40px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;place-items:center;font-size:1.1rem;display:inline-grid}.app-hinweis__zu:hover,.app-dl__zu:hover{color:var(--text);border-color:var(--border);background:var(--surface)}.app-hinweis__zu:focus-visible,.app-dl__zu:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (width<=600px){.app-hinweis__inner{flex-wrap:wrap;padding-right:56px;position:relative}.app-hinweis__icon{width:32px;height:32px}.app-hinweis__text{flex:calc(100% - 44px);font-size:.9rem}.app-hinweis__knopf{flex:100%}.app-hinweis__zu{position:absolute;top:6px;right:8px}}.app-dl{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(620px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);padding:20px 24px 24px;overflow:auto;box-shadow:0 20px 60px #00000059}.app-dl::backdrop{background:#080c188c}.app-dl__kopf{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.app-dl__titel{text-wrap:balance;align-items:center;gap:8px;margin:0;font-size:1.25rem;display:flex}.app-dl__erkannt{margin:0 0 8px;font-size:.95rem}.app-dl>.note{margin:0 0 12px}.note--erfolg{background:var(--success-soft);border-color:var(--success)}.app-dl__reiter{margin-bottom:16px;padding-top:2px;overflow-y:hidden}.app-dl__reiter button{padding:8px 12px;font-size:.9rem}.app-dl__panel{flex-direction:column;gap:18px;display:flex}.app-dl__teil{flex-direction:column;gap:10px;display:flex}.app-dl__untertitel{margin:0;font-size:1rem}.app-dl__liste{gap:8px;margin:0;padding:0;list-style:none;display:grid}.app-dl__zeile{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:12px 14px;display:flex}.app-dl__name{flex-direction:column;flex:220px;gap:2px;min-width:0;font-weight:600;display:flex}.app-dl__hinweis{font-size:.85rem;font-weight:400}.app-dl__bald{color:var(--text-muted);border:1px dashed var(--border);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:700}.app-dl__konto{flex-direction:column;gap:10px;display:flex}.app-dl__konto p{margin:0}.app-dl__knoepfe{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.app-dl__anleitungen{gap:12px;display:grid}.app-dl__anleitungen .note{margin:0}.app-dl__anleitung{border-left:3px solid var(--primary);padding-left:12px}.app-dl__browser{margin:0 0 4px;font-size:.95rem}.app-dl__deiner{color:var(--primary);font-weight:600}.app-dl__anleitung ol{gap:2px;margin:0;padding-left:1.3rem;font-size:.9rem;display:grid}.app-dl__fussnote{margin:0;font-size:.85rem}.app-dl__aktionen{justify-content:flex-end;margin-top:18px;display:flex}.app-dl .btn{white-space:normal;text-align:center}@media (width<=480px){.app-dl{padding:16px}.app-dl__titel{font-size:1.1rem}.app-dl__reiter{flex-wrap:wrap;overflow:visible}.app-dl__reiter button{min-height:40px;padding:6px 10px}.app-dl__zeile .btn,.app-dl__knoepfe .btn,.app-dl__aktionen .btn{flex:100%}}