/* ==========================================================================
Grundlage: unveraenderte Fassung aus v6.32.0 (vor dem Datenverlust).
Darunter die Ergaenzungen aus v6.33 bis v6.36.
========================================================================== */
:root{--gold:#8e7322;--gold-hover:#d2af44;--gold-deep:#735d1c;--gold-dark:#504113;--gold-soft:#e8e0cc;--navy:#8e7322;--navy2:#735d1c;--gold2:#d2af44;--ink:#333;--text:#585858;--muted:#8a8577;--line:#ece9e2;--line-soft:#f6f4ef;--bg:#f6f3ec;--band:#d4cfc4;--card:#fff;--card-head:#f7f6f3;--pill:#e7e4dd;--tint:#fcfbf9;--ok:#4a7c2f;--danger:#b03030;--warn:#8a6116;--radius:14px;--radius-sm:2px;--shadow:0 1px 3px rgba(0,0,0,.06),0 4px 14px rgba(0,0,0,.05);--shadow-hover:0 10px 28px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.06)}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.48}body{margin:0;min-height:100vh}.shell{width:min(1180px,calc(100% - 28px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(142,115,34,.97);color:#fff;box-shadow:0 3px 18px rgba(0,0,0,.12)}.header-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;min-width:0}.brand-coin{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 30%,#f6e9c2,var(--gold) 58%,#6b5619);color:#333;font-weight:900;box-shadow:inset 0 0 0 2px rgba(255,255,255,.3)}.brand strong,.brand small{display:block}.brand strong{font-size:1rem}.brand small{font-size:.72rem;opacity:.72}.nav-toggle{border:1px solid rgba(255,255,255,.25);color:#fff;background:transparent;border-radius:10px;padding:8px 11px;font-size:1.2rem}.main-nav{display:none;position:absolute;left:14px;right:14px;top:62px;background:var(--navy);padding:12px;border-radius:0 0 14px 14px;box-shadow:var(--shadow)}.main-nav.is-open{display:grid}.main-nav a,.nav-link-button{padding:10px 12px;color:#fff;text-decoration:none;border-radius:9px;font:inherit;border:0;background:none;text-align:left;cursor:pointer}.main-nav a:hover,.nav-link-button:hover{background:rgba(255,255,255,.09)}.main-nav .nav-cta{background:var(--gold);color:#3a2f0d;font-weight:800}.inline-form{margin:0}.page{padding-block:24px 52px;min-height:calc(100vh - 150px)}.site-footer{background:#f0ede5;color:#6f6a5d;border-top:1px solid var(--line);font-size:.86rem}.footer-inner{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-block:20px}
h1,h2,h3{line-height:1.17;margin-top:0;color:#222}h1{font-size:clamp(1.75rem,6vw,2.65rem);letter-spacing:-.03em}h2{font-size:1.35rem}.lead{color:var(--muted);font-size:1.05rem;max-width:760px}.hero{background:linear-gradient(130deg,var(--navy),#9d8130 72%,#a8892f);color:#fff;padding:24px;border-radius:22px;margin-bottom:20px;box-shadow:var(--shadow);overflow:hidden;position:relative}.hero:after{content:"2€";position:absolute;right:-10px;bottom:-43px;font-weight:900;font-size:10rem;color:rgba(255,255,255,.045)}.hero h1{color:#fff;margin-bottom:8px}.hero p{color:rgba(255,255,255,.78);max-width:700px;margin-bottom:0}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px;position:relative;z-index:1}.stat{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:12px}.stat strong{display:block;font-size:1.35rem}.stat span{font-size:.75rem;color:rgba(255,255,255,.7)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:18px}.filter-panel{margin:0 0 18px}.filters{display:grid;gap:10px}.field{display:grid;gap:6px}.field label{font-size:.8rem;font-weight:750;color:#6f6a5d}.input,.select,.textarea{width:100%;border:1px solid #ddd7c9;background:#fff;border-radius:10px;padding:10px 11px;color:var(--ink);font:inherit;min-height:43px}.textarea{min-height:90px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:3px solid rgba(142,115,34,.18);border-color:var(--gold)}.checkbox{display:flex;align-items:center;gap:8px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:10px;padding:10px 14px;text-decoration:none;font:inherit;font-weight:750;cursor:pointer;background:var(--navy);color:#fff}.button:hover{filter:brightness(1.08)}.button.secondary{background:#efece4;color:#5c4a16}.button.gold{background:var(--gold);color:#333}.button.danger{background:#fdf3f3;color:var(--danger);border:1px solid #f0c5c0}.button.small{padding:7px 10px;font-size:.84rem}.muted{color:var(--muted)}.tiny{font-size:.77rem}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;background:#f2efe7;color:#6f6a5d;font-weight:750;font-size:.72rem}.badge.gold{background:#faf3de;color:#735d1c}.badge.ok{background:#f2f8ee;color:var(--ok)}.badge.warn{background:#faf3de;color:var(--warn)}.badge.dark{background:var(--navy);color:#fff}.alert{padding:12px 14px;border-radius:12px;margin:0 0 15px;border:1px solid}.alert-success{background:#f2f8ee;border-color:#c3dcb2;color:#3f6a28}.alert-danger{background:#fdf3f3;border-color:#eebbb5;color:#8c2626}.alert-warning{background:#fcf7ea;border-color:#e8d9a8;color:#735d1c}
.coin-grid{display:grid;grid-template-columns:1fr;gap:13px}.coin-card{display:grid;grid-template-columns:92px minmax(0,1fr);overflow:hidden;min-height:128px;text-decoration:none;color:inherit}.coin-visual{background:linear-gradient(145deg,#f2efe7,#ece9e2);display:grid;place-items:center;padding:9px;position:relative}.coin-visual img{width:78px;height:78px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 4px 6px rgba(0,0,0,.15))}.coin-placeholder{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#f8eecd,var(--gold) 55%,#8e7322);font-weight:900;color:#5c4a16;box-shadow:inset 0 0 0 2px rgba(255,255,255,.45)}.coin-body{padding:13px 14px;min-width:0}.coin-topline{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:6px}.coin-card h3{font-size:1rem;margin:0 0 5px;overflow-wrap:anywhere}.coin-meta{font-size:.82rem;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}.coin-card:hover{border-color:#c9b98f;transform:translateY(-1px)}.empty{padding:35px;text-align:center;color:var(--muted)}.pager{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:22px;flex-wrap:wrap}.pager a,.pager span{min-width:38px;padding:8px 10px;text-align:center;border-radius:9px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink)}.pager .active{background:var(--navy);color:#fff;border-color:var(--navy)}
.detail-head{display:grid;gap:18px;margin-bottom:18px}.detail-image{min-height:250px;display:grid;place-items:center;background:linear-gradient(145deg,#faf8f3,#efece4);border-radius:var(--radius);overflow:hidden}.detail-image img{max-width:90%;max-height:360px;object-fit:contain}.detail-image .coin-placeholder{width:170px;height:170px;font-size:2rem}.detail-info h1{margin-bottom:7px}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.fact{padding:10px;border-radius:10px;background:#faf8f3}.fact span{display:block;font-size:.69rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.fact strong{font-size:.92rem}.sections{display:grid;gap:16px}.section-card{padding:18px}.data-table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;min-width:560px}.data-table th,.data-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.data-table th{font-size:.73rem;text-transform:uppercase;letter-spacing:.04em;color:#8a8577;background:#fbf9f5}.data-table tr:last-child td{border-bottom:0}.motifs{display:flex;flex-wrap:wrap;gap:7px}.notes{padding-left:18px}.notes li+li{margin-top:8px}
.form-grid{display:grid;gap:12px}.auth-card{max-width:520px;margin:20px auto;padding:22px}.split{display:grid;gap:16px}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0 0 16px}.summary-box{padding:14px}.summary-box strong{font-size:1.2rem;display:block}.summary-box span{font-size:.76rem;color:var(--muted)}.item-list{display:grid;gap:10px}.item-row{padding:14px}.item-row-header{display:flex;justify-content:space-between;gap:10px;align-items:start}.item-title{font-weight:800}.inline-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.code{background:#2b2b2b;color:#efece4;padding:11px;border-radius:9px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.admin-tabs a{padding:8px 11px;border-radius:9px;text-decoration:none;background:#f0ede5;color:#5c4a16;font-weight:700}.admin-edit-grid{display:grid;gap:16px}.shoplink{padding:12px;background:#faf8f3;border-radius:10px;margin-bottom:9px}.right{text-align:right}.nowrap{white-space:nowrap}
@media(min-width:650px){.stats{grid-template-columns:repeat(5,1fr)}.filters{grid-template-columns:2fr repeat(3,1fr) auto;align-items:end}.coin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}.summary-grid{grid-template-columns:repeat(4,1fr)}.inline-grid{grid-template-columns:repeat(4,1fr)}.detail-facts{grid-template-columns:repeat(4,1fr)}}
@media(min-width:860px){.nav-toggle{display:none}.main-nav{display:flex;position:static;background:transparent;padding:0;box-shadow:none;align-items:center}.main-nav a,.nav-link-button{padding:8px 9px;font-size:.91rem}.coin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-head{grid-template-columns:minmax(280px,38%) 1fr}.split{grid-template-columns:minmax(0,1fr) minmax(310px,.55fr)}.admin-edit-grid{grid-template-columns:minmax(0,1.5fr) minmax(330px,.8fr)}}
@media(min-width:1100px){.coin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* v5: Hauptmünze, eigenständige Editionen, Varianten, Kalender, Redaktion und Sharing */
.detail-toolbar{justify-content:flex-end;margin-bottom:12px}.coin-sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.side-card{min-height:205px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(145deg,#fbf9f5,#f0ede5);position:relative;overflow:hidden}.side-card img{width:100%;max-width:210px;aspect-ratio:1/1;object-fit:contain;filter:drop-shadow(0 7px 9px rgba(0,0,0,.13))}.side-label{position:absolute;left:9px;top:9px;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid var(--line);font-size:.69rem;font-weight:800;color:#6f6a5d}.section-heading,.editor-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.section-heading h2,.editor-title h2{margin-bottom:0}.editor-panel{border-color:#d2af44;box-shadow:0 0 0 2px rgba(142,115,34,.08),var(--shadow)}.editor-panel>.editor-title{margin-bottom:16px}.editor-columns{display:grid;gap:18px}.editor-subcard{margin-top:10px;padding:14px;border-radius:12px;background:#faf8f3;border:1px solid var(--line)}.new-form{margin-top:16px;padding-top:14px;border-top:1px dashed #ddd7c9}.compact-form{margin-top:13px;padding-top:12px;border-top:1px dashed var(--line)}
.media-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.media-admin-item{padding:9px;border:1px solid var(--line);border-radius:11px;background:#fff;display:grid;gap:7px}.media-admin-item img{width:100%;height:110px;object-fit:contain;background:#faf8f3;border-radius:8px}.media-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.media-strip figure{margin:0;padding:8px;border:1px solid var(--line);background:#fcfaf6;border-radius:11px}.media-strip img{display:block;width:100%;height:150px;object-fit:contain}.media-strip figcaption{margin-top:5px;font-size:.69rem;color:var(--muted);text-align:center;text-transform:capitalize}.media-strip.compact img{height:110px}.media-strip.mini{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.media-strip.mini img{height:72px}.media-strip.mini figure{padding:5px}.main-gallery{margin-bottom:18px}
.collectible-list{display:grid;gap:14px}.collectible-card{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fcfaf6}.collectible-visual{display:flex;align-items:flex-start;justify-content:center}.collectible-visual img{width:82px;height:82px;object-fit:contain}.collectible-body{min-width:0}.collectible-body h3{margin:3px 0 8px}.meta-list{display:flex;gap:8px 16px;flex-wrap:wrap;font-size:.86rem;color:#6f6a5d}.collection-quick{display:grid;grid-template-columns:minmax(0,1fr) 72px 105px auto;gap:7px;align-items:center;margin-top:12px}.collection-quick .input,.collection-quick .select{min-height:38px;padding:7px 8px;font-size:.84rem}.variant-list{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.variant-list h4{margin:0 0 8px}.variant-row{padding:9px 0;border-top:1px dashed #e0dbcd}.variant-row:first-of-type{border-top:0}.variant-content{min-width:0}.series-block{padding:12px 0;border-top:1px solid var(--line)}.series-block:first-of-type{border-top:0}.series-block>.actions{margin:9px 0}.timeline{display:grid;gap:0}.timeline-row{display:grid;grid-template-columns:105px minmax(0,1fr) auto;gap:12px;align-items:start;padding:11px 0;border-top:1px solid var(--line)}.timeline-row:first-child{border-top:0}.timeline-date{font-weight:800;color:#6b5619}.calendar-list{display:grid;gap:9px;margin-top:18px}.calendar-month{margin:20px 0 2px}.calendar-row{padding:13px;display:grid;grid-template-columns:120px minmax(0,1fr);gap:15px}.calendar-date{display:grid;align-content:start;justify-items:start;gap:6px}.revision-list{display:grid;gap:10px}.revision-row{padding:14px;display:flex;align-items:center;justify-content:space-between;gap:14px}.shoplink{display:flex;align-items:center;justify-content:space-between;gap:10px}.archived-note{color:var(--warn);font-size:.75rem;font-weight:700}
@media(max-width:520px){.collection-quick{grid-template-columns:1fr 70px}.collection-quick .select{grid-column:1/-1}.collection-quick .button{width:100%}.timeline-row{grid-template-columns:1fr auto}.timeline-date{grid-column:1/-1}.calendar-row{grid-template-columns:1fr}.revision-row{align-items:flex-start;flex-direction:column}.revision-row form,.revision-row .button{width:100%}}
@media(min-width:650px){.media-admin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.media-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.collectible-card{grid-template-columns:125px minmax(0,1fr)}.collectible-visual img{width:112px;height:112px}}
@media(min-width:860px){.detail-head{grid-template-columns:minmax(420px,45%) 1fr}.editor-columns{grid-template-columns:minmax(0,1.4fr) minmax(300px,.7fr)}.media-strip{grid-template-columns:repeat(5,minmax(0,1fr))}}
/* v5: Editionen, Importprüfung und Sharing */
.badge.language{background:#f5efdd;color:#8e7322}.button.danger-outline{background:#fff;color:var(--danger);border:1px solid var(--danger)}.success-text{color:var(--ok);font-weight:700}.edition-danger-zone{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px dashed #e3b9b4}.share-panel{margin:0 0 18px}.share-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.share-codes{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}.share-codes summary{cursor:pointer;font-weight:800;color:#5c4a16}.share-code-grid{display:grid;gap:12px;margin-top:12px}.share-code-grid>label{display:grid;gap:6px;font-size:.8rem;font-weight:800;color:#6f6a5d}.copy-field{display:grid;gap:7px}.copy-field .textarea{min-height:70px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.77rem}.import-review{border-color:#e8d9a8}.review-item{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line)}.review-item:first-of-type{border-top:0}.review-item.resolved{opacity:.62}.source-note{margin-top:5px;padding:8px 10px;background:#fcf7ea;border-left:3px solid #d2af44;border-radius:6px;white-space:normal}.form-grid.four{display:grid;gap:12px}
@media(min-width:650px){.form-grid.four{grid-template-columns:repeat(4,1fr)}.share-code-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.share-actions .button{flex:1 1 calc(50% - 8px)}.review-item{flex-direction:column}.edition-danger-zone form,.edition-danger-zone .button{width:100%}}
.live-status{display:inline-flex;align-items:center;margin-left:.6rem;font-size:.82rem;font-weight:700;opacity:.8}
.editor-subcard{margin-top:12px;padding:12px;border:1px solid var(--border,#dcd7cb);border-radius:12px;background:rgba(127,127,127,.035)}
.data-row{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border,#e4e0d6)}
.data-row:last-child{border-bottom:0}.data-row>form{margin:0}.inline-grid{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.inline-grid .input,.inline-grid .select{min-width:130px}
@media(max-width:760px){.data-row{align-items:stretch;flex-direction:column}.inline-grid{display:grid;grid-template-columns:1fr}.inline-grid .input,.inline-grid .select{width:100%}}
/* v6: Listenansichten und Löschwarnungen */
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0}.catalog-toolbar p{margin:0}.view-switch{display:flex;gap:7px}.catalog-table .table-coin{width:62px;height:62px;object-fit:contain;display:block}.table-coin-placeholder{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#f2efe7;font-weight:900;color:#8a8577}.catalog-table td{vertical-align:middle}.catalog-table .item-title{color:var(--ink);text-decoration:none}.pager{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:22px 0}.pager a,.pager span{min-width:36px;min-height:36px;padding:7px 10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;background:#fff;color:#504113;text-decoration:none;font-weight:700}.pager a:hover{border-color:#c9b98f;background:#fbf9f5}.pager .active{background:var(--navy);border-color:var(--navy);color:#fff}.pager .disabled{opacity:.42;cursor:default}.delete-linked-warning{margin:12px 0;padding:13px 15px;border:1px solid #e0b0aa;border-radius:12px;background:#fdf3f3}.delete-linked-warning p{margin:5px 0}.delete-linked-warning ul{margin:8px 0 0;padding-left:20px}.delete-confirm{margin:10px 0}.admin-source-note{padding:8px 10px;border-left:3px solid #d2af44;background:#fcf7ea;border-radius:6px}
@media(max-width:560px){.catalog-toolbar{align-items:stretch}.view-switch{width:100%}.view-switch .button{flex:1}.pager{gap:4px}.pager a,.pager span{min-width:32px;min-height:34px;padding:6px 8px;font-size:.82rem}.pager-wide{flex:1 1 auto}.catalog-table{min-width:760px}}
.media-picture{display:block;line-height:0;max-width:100%}
/* ============================================================
Stammdatenpflege im Adminbereich
Farbwerte aus dem Shop: Gold #8e7322, Hover #d2af44,
Trennlinien #ece9e2, Flächen #f7f6f3.
============================================================ */
.masterdata-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:16px}
.masterdata-card{display:flex;flex-direction:column;gap:6px;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}
.masterdata-card:hover{border-color:#c9b98f;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.masterdata-card strong{color:#8e7322}
.admin-tabs.subtle a{font-weight:400;font-size:.92em}
.admin-tabs a.is-active{color:#fff;background:#8e7322;border-color:#8e7322}
.grid-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0 8px;flex-wrap:wrap}
.grid-status{min-height:1.2em;font-size:.85em;color:#6b6b6b}
.grid-status.is-ok{color:#4a7c2f}
.grid-status.is-error{color:#b03030;font-weight:600}
.data-grid-wrap{overflow:auto;padding:0}
.data-grid{width:100%;border-collapse:collapse;font-size:.93em}
.data-grid th{position:sticky;top:0;z-index:2;background:#f7f6f3;border-bottom:1px solid #ece9e2;
padding:9px 10px;text-align:left;font-weight:600;color:#333;white-space:nowrap}
.data-grid th .req{color:#8e7322;margin-left:2px}
.data-grid td{border-bottom:1px solid #f1efe9;padding:0;vertical-align:middle}
.data-grid tbody tr:hover td{background:#fcfbf9}
.data-grid td.num,.data-grid th.num{text-align:right}
/* Zellen sehen wie Text aus und werden erst bei Fokus als Eingabe erkennbar. */
.data-grid .cell-input{width:100%;border:1px solid transparent;background:transparent;
padding:8px 10px;font:inherit;color:#333;border-radius:2px}
.data-grid .cell-input.num{text-align:right}
.data-grid textarea.cell-input{resize:vertical;min-height:2.4em;line-height:1.35}
.data-grid .cell-input:hover{border-color:#e4dfd2}
.data-grid .cell-input:focus{outline:0;border-color:#8e7322;background:#fff;
box-shadow:0 0 0 3px rgba(142,115,34,.14)}
.data-grid td.is-locked{background:#faf9f6}
.data-grid .cell-static{display:block;padding:8px 10px;color:#8a8577;font-size:.92em}
.data-grid .cell-bool{width:auto;margin:8px 10px}
.data-grid td.is-saving .cell-input{background:#fffdf4}
.data-grid td.is-saved .cell-input{background:#f2f8ee;border-color:#9cc47f}
.data-grid td.is-error .cell-input{background:#fdf3f3;border-color:#b03030;
box-shadow:0 0 0 3px rgba(176,48,48,.12)}
.button.ghost.danger{color:#b03030}
.button.ghost.danger:hover{background:#b03030;color:#fff}
.new-row{margin-top:16px}
.new-row-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:12px 0}
.new-row-field{display:flex;flex-direction:column;gap:4px}
/* ============================================================
Angleichung an die Gestaltung von emuenzen.de
Werte aus /verkauf/style.min.css: Gold #8e7322, Hover #d2af44,
Links #735d1c / #504113, Flaeche #f6f3ec, Trennlinien #f6f4ef.
Dieser Block steht bewusst am Ende und ueberschreibt die
allgemeinen Regeln, damit die Herkunft der Werte nachvollziehbar bleibt.
============================================================ */
html{
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
color:var(--text);
background:var(--bg);
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
body{font-weight:300}
b,strong{font-weight:700}
/* Textauswahl wie im Shop */
::selection{background:var(--gold);color:#fff}
::-moz-selection{background:var(--gold);color:#fff}
/* Ueberschriften: dunkles Grau, Goldstrich darunter */
h1,h2,h3{color:var(--ink);font-weight:700}
h1{letter-spacing:-.01em}
.page > h1:first-child::after,
.page > .shell > h1:first-child::after{
content:"";display:block;width:48px;height:0;margin:10px 0 18px;
border-top:3px solid var(--gold);
}
/* Links */
a{color:var(--gold-deep)}
a:hover,a:focus,a:active{color:var(--gold-dark)}
/* Kopfzeile: Goldband wie die Fusszeilennavigation des Shops */
.site-header{background:var(--gold);box-shadow:0 1px 5px rgba(0,0,0,.18)}
.brand-coin{background:radial-gradient(circle at 34% 30%,#f6e9c2,var(--gold-hover) 58%,#6b5619);color:#3a2f0d}
.main-nav{background:var(--gold);border-radius:0 0 10px 10px}
.main-nav .nav-cta{background:#fff;color:var(--gold-deep);font-weight:700}
.main-nav .nav-cta:hover{background:var(--gold-hover);color:#fff}
/* Inhaltsflaeche weiss auf hellem Papierton, wie im Shop */
.page{background:transparent}
.card{border-radius:var(--radius);border-color:var(--line);box-shadow:var(--shadow)}
.card:hover{box-shadow:var(--shadow)}
/* Schaltflaechen: kantig und goldfarben wie im Shop */
.button{border-radius:var(--radius-sm);font-weight:700;font-size:.95rem;background:var(--gold);color:#fff}
.button:hover{background:var(--gold-hover);color:#fff;filter:none}
.button:focus,.button:active{background:var(--gold-hover);color:#fff}
.button.secondary{background:#fff;color:var(--gold-deep);border:1px solid var(--line)}
.button.secondary:hover{background:var(--gold-hover);color:#fff;border-color:var(--gold-hover)}
.button.ghost{background:transparent;color:var(--gold-deep);border:1px solid var(--line)}
.button.ghost:hover{background:var(--gold-hover);color:#fff;border-color:var(--gold-hover)}
.button.gold{background:var(--gold-hover);color:#3a2f0d}
.button.gold:hover{background:var(--gold);color:#fff}
.button.danger{background:#fff;color:var(--danger);border:1px solid #f0c5c0}
.button.danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}
/* Eingabefelder: heller Rahmen wie im Shop, Fokus in Gold */
.input,.select,.textarea{border:2px solid var(--line-soft);border-radius:3px;color:var(--text)}
.input:focus,.select:focus,.textarea:focus{outline:0;border-color:var(--gold);
box-shadow:0 0 0 3px rgba(142,115,34,.14)}
/* Hero: Goldverlauf statt Marineblau */
.hero{background:linear-gradient(130deg,var(--gold),#a8892f 72%,var(--gold-hover));
border-radius:var(--radius);box-shadow:var(--shadow)}
.hero:after{color:rgba(255,255,255,.07)}
/* Fusszeile: Goldband mit weisser Schrift wie #footer--navigation */
.site-footer{background:var(--gold);color:#fff;border-top:0}
.site-footer a{color:#fff;text-decoration:underline}
.site-footer a:hover{color:#f6e9c2}
/* Trennlinien und Tabellen */
hr{background-color:var(--line-soft);border:0;height:1px}
.data-table th{background:var(--card-head);border-bottom:1px solid var(--line)}
.data-table td{border-bottom:1px solid var(--line-soft)}
/* Blaettern in Shop-Farben */
.pager a,.pager span{border-radius:var(--radius-sm);color:var(--gold-deep);border-color:#ddd7c9}
.pager a:hover{background:#f3eee2;border-color:#c9b98f;color:var(--gold-dark)}
.pager .active{background:var(--gold);border-color:var(--gold);color:#fff}
/* Reiter im Adminbereich */
.admin-tabs a{background:var(--card-head);color:var(--gold-deep);border:1px solid var(--line);
border-radius:var(--radius-sm);font-weight:600}
.admin-tabs a:hover{background:var(--gold-hover);color:#fff;border-color:var(--gold-hover)}
.admin-tabs a.is-active{background:var(--gold);border-color:var(--gold);color:#fff}
/* Tastaturfokus durchgaengig sichtbar */
a:focus-visible,button:focus-visible,.button:focus-visible,
.input:focus-visible,.select:focus-visible{outline:2px solid var(--gold-dark);outline-offset:2px}
/* ------------------------------------------------------------
Nachjustierung: Gold ist im Shop Akzent, nicht Flaeche.
Kopfzeile weiss wie #honscha-navigation .container, Inhalte
weiss auf Papierton, Goldband nur in der Fusszeile.
------------------------------------------------------------ */
.site-header{background:#fff;color:var(--text);box-shadow:0 1px 5px rgba(0,0,0,.12);
border-bottom:1px solid var(--line-soft)}
.site-header .brand{color:var(--ink)}
.site-header .brand small{color:var(--muted);opacity:1}
.nav-toggle{border-color:var(--line);color:var(--gold-deep)}
.main-nav{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.main-nav a,.nav-link-button{color:var(--text)}
.main-nav a:hover,.nav-link-button:hover{background:var(--gold);color:#fff}
.main-nav .nav-cta{background:var(--gold);color:#fff}
.main-nav .nav-cta:hover{background:var(--gold-hover);color:#fff}
@media(min-width:900px){
.main-nav a,.nav-link-button{color:var(--text);font-weight:400}
.main-nav a:hover,.nav-link-button:hover{background:var(--gold);color:#fff}
}
/* Hero als helle Karte mit Goldakzent statt Goldflaeche */
.hero{background:#fff;color:var(--text);border:1px solid var(--line);
border-top:3px solid var(--gold);box-shadow:var(--shadow)}
.hero h1{color:var(--ink)}
.hero p{color:var(--muted)}
.hero:after{color:rgba(142,115,34,.06)}
.stat{background:var(--card-head);border:1px solid var(--line);border-radius:8px}
.stat strong{color:var(--gold-deep)}
.stat span{color:var(--muted)}
/* Muenzkacheln: Bildflaeche hell, Muenzsymbol behaelt den Goldverlauf */
.coin-visual{background:#fff}
.coin-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;
box-shadow:var(--shadow);transition:box-shadow .18s ease,border-color .18s ease}
.coin-card:hover{border-color:#c9b98f;box-shadow:var(--shadow-hover);transform:none}
.coin-topline .badge{border-radius:999px}
.badge.dark{background:var(--gold);color:#fff}
.table-coin-placeholder{background:var(--card-head);color:var(--gold-deep)}
/* Bedienelemente des Browsers in Shop-Gold statt Systemblau */
input,select,textarea,progress{accent-color:var(--gold)}
input[type=checkbox],input[type=radio]{width:16px;height:16px}
/* Suchleiste im Stammdatenraster: Feld und Schaltflaeche in einer Zeile.
Ohne feste Breite dehnt sich .input auf 100% und draengt den Knopf um. */
.grid-toolbar > form.actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;margin:0}
.grid-toolbar > form.actions .input{width:22em;max-width:50vw;flex:0 0 auto;min-height:38px}
.grid-toolbar > form.actions .button{flex:0 0 auto;white-space:nowrap}
/* Auswahlfelder: Pfeil in Goldton, Rahmen wie Eingabefelder */
.select{border-color:var(--line-soft)}
.select:focus{border-color:var(--gold)}
/* Wortmarke in der Kopfzeile */
.brand{display:inline-flex;align-items:center;gap:0;text-decoration:none;padding:2px 0}
.brand-logo{display:block;height:58px;width:auto;max-width:min(66vw,340px)}
@media(max-width:900px){.brand-logo{height:48px}}
@media(max-width:640px){.brand-logo{height:40px}}
.brand:hover{opacity:.88}
.brand:focus-visible{outline:2px solid var(--gold-dark);outline-offset:3px;border-radius:4px}
/* Hauptmünze im Kopfbereich: ihre Daten stehen beim Hauptbild, nicht in der Editionsliste */
.main-coin-facts{margin:14px 0 4px;padding-top:12px;border-top:1px solid var(--line-soft)}
.main-coin-facts .meta-list{margin:6px 0}
.main-coin-facts .variant-list{margin-top:10px}
/* Editionen koennen beliebig viele Bilder tragen; alle werden gezeigt. */
.edition-media{display:flex;flex-direction:column;gap:6px;align-items:center}
.edition-media.is-multi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
.edition-media figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:3px}
.edition-media img{max-width:100%;height:auto;border-radius:8px}
.edition-media figcaption{text-align:center;line-height:1.2}
@media(max-width:640px){.edition-media.is-multi{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Editionen haben eine eigene Seite; der Titel fuehrt dorthin. */
.edition-link{color:var(--ink);text-decoration:none;border-bottom:1px solid transparent}
.edition-link:hover{color:var(--gold-deep);border-bottom-color:var(--gold-hover)}
.crumbs{margin:0 0 12px;color:var(--muted)}
.crumbs a{color:var(--gold-deep)}
.edition-sides{display:flex;flex-wrap:wrap;gap:12px}
.edition-sides .side-card{flex:0 1 210px}
/* Zusatzbilder der Hauptmünze stehen im Hauptmünzen-Block, nicht in eigener Karte */
.main-extra-media{width:100%;margin-top:10px;padding-top:10px;border-top:1px solid var(--line-soft)}
.main-extra-media .media-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.main-extra-media figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:3px;max-width:110px}
.main-extra-media img{max-width:100%;height:auto;border-radius:8px;border:1px solid var(--line)}
.main-coin-title{font-size:1.05rem;margin:8px 0 2px}
.main-coin-title a{font-weight:400;margin-left:6px}
/* Brotkrumenpfad */
.crumbs{margin:0 0 12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.crumbs a{color:var(--gold-deep);text-decoration:none}
.crumbs a:hover{color:var(--gold-dark);text-decoration:underline}
.crumbs .crumb-sep{color:#c9c3b4}
.crumbs [aria-current="page"]{color:var(--ink)}
.side-card.is-fallback{opacity:.85;border-style:dashed}
/* ============================================================
Bildbetrachter (Lightbox)
============================================================ */
.zoomable{cursor:zoom-in}
.lightbox{position:fixed;inset:0;z-index:1000;display:none;background:rgba(20,18,12,.92);
align-items:center;justify-content:center;padding:24px;touch-action:pan-y}
.lightbox.is-open{display:flex}
.lightbox-figure{margin:0;max-width:min(1100px,94vw);max-height:88vh;display:flex;
flex-direction:column;align-items:center;gap:10px}
.lightbox-img{max-width:100%;max-height:78vh;object-fit:contain;border-radius:10px;
background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.5)}
.lightbox-caption{color:#f3ecd8;font-size:.95rem;text-align:center}
.lightbox-count{color:#c9c0a6;font-size:.85rem}
.lightbox-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;
border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:1.5rem;
cursor:pointer;line-height:1;display:grid;place-items:center}
.lightbox-btn:hover{background:var(--gold)}
.lightbox-prev{left:16px}.lightbox-next{right:16px}
.lightbox-close{position:absolute;top:16px;right:16px;width:44px;height:44px;transform:none}
.lightbox-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:640px){.lightbox-btn{width:40px;height:40px}.lightbox-prev{left:6px}.lightbox-next{right:6px}}
/* Editionskarten: Bildbereich verweist zusätzlich auf die Einzelseite */
.collectible-visual{position:relative}
.edition-visual-link{position:absolute;left:0;right:0;bottom:0;z-index:2;display:block;
text-align:center;font-size:.78rem;padding:4px 6px;background:rgba(142,115,34,.92);color:#fff;
text-decoration:none;opacity:0;transition:opacity .15s ease}
.collectible-card:hover .edition-visual-link,.edition-visual-link:focus{opacity:1}
/* v6.12.4: Bilder je Edition bearbeiten, Quelldaten eingeklappt */
.edition-media-editor .media-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.edition-media-editor figure{margin:0;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}
.edition-media-editor figure img{max-width:100%;height:120px;object-fit:contain}
.editor-guide{margin-bottom:14px;padding:12px 14px;border-radius:12px;background:#f4f0e4;border:1px solid #e0d7bd;font-size:.86rem}
.editor-guide strong{color:#6d5a1e}
/* v6.12.13: Shop-Verknüpfungen und Klick-Import je Edition */
.shoplink-editor .shoplink-row{border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:12px;background:#fff}
.shoplink-editor .shoplink-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.shoplink-editor .shoplink-head form{margin-left:auto}
.lager-image-grid{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.lager-image-cell{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 10px;border:1px dashed #cdbf94;border-radius:10px;background:#faf7ee}
.lager-image-role{font-size:.78rem;color:#6d5a1e;font-weight:600}
/* v18: Superadmin-Seitenstatistik */
.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:14px 0 20px}
.stat-card{padding:14px;display:grid;gap:4px;align-content:start}
.stat-card .stat-num{font-size:1.5rem;font-weight:800;color:var(--gold-deep);line-height:1.1}
.stat-card .stat-label{font-size:.76rem;color:var(--muted)}
.stat-card.live{background:linear-gradient(145deg,#faf3de,#fff);border-color:#e6d49f}
.stat-card.live .stat-num{color:#7a5c10}
.stat-two-col{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}
@media(min-width:820px){.stat-two-col{grid-template-columns:1fr 1fr}}
.panel h2{margin:0 0 12px;font-size:1.05rem}
.bar-chart{display:flex;align-items:flex-end;gap:3px;height:150px;padding-top:8px}
.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;height:100%}
.bar-col .bar{width:100%;max-width:26px;background:var(--gold);border-radius:4px 4px 0 0;position:relative;align-self:flex-end;min-height:2px;display:flex;flex-direction:column;justify-content:flex-start}
.bar-col .bar .bar-bot{display:block;width:100%;background:#d9c58a;border-radius:4px 4px 0 0}
.bar-col .bar-x{font-size:.6rem;color:var(--muted);white-space:nowrap;transform:rotate(-45deg);transform-origin:center;height:14px}
.hour-chart{height:120px}
.hour-chart .bar-x{transform:none;font-size:.62rem}
.split-bar{display:flex;height:34px;border-radius:9px;overflow:hidden;margin-bottom:12px;font-size:.78rem;font-weight:750}
.split-bar .split-human{background:var(--gold);color:#fff;display:flex;align-items:center;justify-content:center;min-width:0}
.split-bar .split-bot{background:#e4dcc6;color:#6f6a5d;display:flex;align-items:center;justify-content:center;min-width:0}
.data-table.compact{min-width:0}
.data-table.compact th,.data-table.compact td{padding:6px 8px;font-size:.82rem}
.data-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.data-table .mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.data-table tr.is-bot{opacity:.6}
.top-list .top-label{max-width:0;width:52%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-list .top-bar{width:38%}
.top-list .top-bar span{display:block;height:9px;border-radius:5px;background:var(--gold);min-width:2px}
#live-table table,#recent-table table{margin-top:0}
/* v6.12.14: Seitenstatistik (Superadmin) */
.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:16px 0}
.stat-card{padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.stat-card .stat-num{font-size:1.6rem;font-weight:800;color:var(--gold-deep);line-height:1.1}
.stat-card .stat-label{font-size:.78rem;color:var(--muted)}
.stat-card.live{border-color:#c9b98f;background:linear-gradient(145deg,#fbf7ea,#fff)}
.stat-card.live .stat-num{color:#4a7c2f}
.stat-two-col{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}
@media(min-width:820px){.stat-two-col{grid-template-columns:1fr 1fr}}
.bar-chart{display:flex;align-items:flex-end;gap:3px;height:160px;margin-top:10px;padding-top:6px}
.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0}
.bar-col .bar{width:100%;max-width:22px;background:var(--gold);border-radius:4px 4px 0 0;position:relative;display:flex;align-items:flex-start;justify-content:center;transition:background .15s}
.bar-col:hover .bar{background:var(--gold-hover)}
.bar-col .bar .bar-bot{position:absolute;top:0;left:0;right:0;width:100%;background:#d8cba0;border-radius:4px 4px 0 0}
.bar-col .bar-x{font-size:.6rem;color:var(--muted);margin-top:4px;white-space:nowrap;transform:rotate(-45deg);transform-origin:center;height:14px}
.hour-chart{height:120px}
.hour-chart .bar-x{transform:none;font-size:.65rem}
.split-bar{display:flex;height:34px;border-radius:9px;overflow:hidden;margin:6px 0 14px;font-size:.78rem;font-weight:700}
.split-bar .split-human{background:#8faf6a;color:#fff;display:flex;align-items:center;justify-content:center;min-width:0}
.split-bar .split-bot{background:#d8cba0;color:#5c4a16;display:flex;align-items:center;justify-content:center;min-width:0}
.top-list .top-label{max-width:0;width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-list .top-bar{width:45%}
.top-list .top-bar span{display:block;height:12px;background:var(--gold-soft);border-radius:6px;position:relative}
.top-list .top-bar span::after{content:"";position:absolute;inset:0;background:var(--gold);border-radius:6px;width:100%}
.data-table.compact th,.data-table.compact td{padding:6px 8px;font-size:.82rem}
.data-table.compact{min-width:0}
.data-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.data-table .mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.data-table tr.is-bot{opacity:.6}
.data-table tr.is-bot td{background:#faf8f3}
/* v6.12.18: Änderungsliste in der Historie */
.revision-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.revision-main{min-width:0;flex:1}
.revision-changes{margin:10px 0 0;padding:10px 12px;list-style:none;background:#faf8f3;border:1px solid var(--line);border-radius:10px;display:grid;gap:4px}
.revision-changes li{font-size:.82rem;color:#5c5850;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
.revision-changes li::before{content:"›";color:var(--gold);margin-right:6px;font-weight:800}
/* v6.12.22: Import-Vorschau */
.preview-issue{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:10px 0;background:#fff}
.preview-issue-head{margin-bottom:6px}
.preview-editions{margin-top:8px}
.preview-edition{margin:6px 0;padding:8px 10px;background:#faf8f3;border-radius:8px}
/* v6.12.23: Entscheidungs-Zeile im Import */
.decision-row{margin-top:8px;display:flex;gap:18px;flex-wrap:wrap}
.decision-row label{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;cursor:pointer}
/* v6.12.25: Sammlung direkt von der Detailseite */
.collect-box{margin-top:10px}
.collect-toggle{cursor:pointer;list-style:none;display:inline-block}
.collect-toggle::-webkit-details-marker{display:none}
details.collect-box[open] .collect-toggle{margin-bottom:10px}
.collect-form{border:1px solid var(--line);border-radius:12px;padding:14px;background:#faf8f3;max-width:560px}
.collect-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.collect-form label{display:flex;flex-direction:column;gap:4px;font-size:.82rem;color:#5c5850}
.collect-wide{margin-top:10px}
.collect-form .button{margin-top:12px}
@media(max-width:520px){.collect-grid{grid-template-columns:1fr}}
/* v6.12.26: Shop-Preise */
.shop-price{color:var(--gold-deep);font-weight:600}
.shop-price strong{color:var(--gold-deep)}
.summary-box.shop-estimate strong{color:var(--gold-deep)}
.item-shopprice{margin-top:2px;color:var(--gold-deep)}
/* v6.12.27: Sammler-Profil Konfiguration */
.accent-picker{display:flex;gap:10px;flex-wrap:wrap}
.accent-swatch{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;cursor:pointer;padding:4px 10px 4px 4px;border:1px solid var(--line);border-radius:999px}
.accent-swatch input{display:none}
.accent-swatch span{width:20px;height:20px;border-radius:50%;display:inline-block;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}
.accent-swatch input:checked+span{box-shadow:0 0 0 2px #2a2a2a}
.accent-gold span{background:#c99a2e}.accent-emerald span{background:#1f9d6b}.accent-ocean span{background:#2f7dc9}
.accent-ruby span{background:#c93f5b}.accent-violet span{background:#7d5bd0}.accent-graphite span{background:#5a6270}
/* v6.12.27: Biete/Suche Schnellknöpfe auf der Münzseite */
.collect-quick{display:flex;gap:8px;margin-top:8px}
.collect-quick-form{display:inline}
/* v6.12.30: Social-Icon-Buttons */
.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px;line-height:0;min-width:38px}
.icon-btn svg{width:20px;height:20px;display:block}
.share-actions .icon-btn{border-radius:10px}
.icon-btn:hover{color:var(--gold-deep)}
/* ------------------------------------------------------------------
v6.13: Mehrere frei benennbare Listen (Sammlung / Biete / Suche)
------------------------------------------------------------------ */
.share-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.share-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;
background:#fff;border:1px solid var(--line);color:var(--gold-deep);cursor:pointer;text-decoration:none;
transition:transform .15s ease,background .15s ease,color .15s ease,border-color .15s ease}
.share-btn svg{width:17px;height:17px}
.share-btn:hover{background:var(--gold);color:#fff;border-color:var(--gold);transform:translateY(-2px)}
.list-kind-block{margin-bottom:26px}
.list-kind-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.list-kind-head h2{margin:0}
.list-quota{font-size:.78rem;color:var(--muted)}
.list-cards{display:grid;gap:12px}
@media(min-width:860px){.list-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.list-card{padding:16px;display:grid;gap:10px;align-content:start}
.list-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.list-card h3{margin:0;font-size:1.08rem;overflow-wrap:anywhere}
.list-card-desc{margin:0;color:var(--muted);font-size:.86rem}
.list-card-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.list-link{background:#faf8f3;border:1px solid var(--line);border-radius:9px;padding:7px 9px;font-size:.74rem;
font-family:ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all;color:#5c4a16}
.list-card details{border-top:1px dashed var(--line);padding-top:9px}
.list-card details summary{cursor:pointer;font-weight:750;font-size:.85rem;color:#5c4a16}
.list-card details>*{margin-top:10px}
.list-switcher{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.list-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;text-decoration:none;
background:#f0ede5;color:#5c4a16;font-weight:700;font-size:.88rem;border:1px solid transparent}
.list-tab:hover{background:#e7e2d5}
.list-tab.is-active{background:var(--gold);color:#fff;border-color:var(--gold)}
.list-tab .list-tab-count{background:rgba(0,0,0,.09);border-radius:999px;padding:1px 7px;font-size:.74rem}
.list-tab.is-active .list-tab-count{background:rgba(255,255,255,.28)}
.bulk-bar{position:sticky;bottom:0;z-index:20;margin-top:14px;padding:12px;border:1px solid var(--gold-soft);
background:#fcf9f1;border-radius:12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;box-shadow:var(--shadow)}
.bulk-bar .select{min-height:38px;width:auto;min-width:170px}
.bulk-hint{font-size:.78rem;color:var(--muted)}
.item-pick{display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--muted);font-weight:700}
.wish-price{font-weight:800;color:var(--gold-deep)}
.preset-form{display:grid;gap:9px}
.preset-extra{display:none}
.preset-extra.is-visible{display:grid;gap:6px}
.collect-lists{margin-top:6px}
.select-inline{width:auto;min-width:120px;min-height:34px;padding:5px 8px;font-size:.82rem}
.collect-quick-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
/* ------------------------------------------------------------------
v6.13.1: Listen als direkt bearbeitbare Tabelle
------------------------------------------------------------------ */
.sheet{padding:0;overflow:hidden}
.sheet-search{margin-bottom:12px}
.share-strip{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}
.sheet-head{display:none}
.sheet-row{display:grid;gap:10px;padding:14px;border-bottom:1px solid var(--line);position:relative}
.sheet-row:last-child{border-bottom:0}
.sheet-row:nth-child(even){background:var(--tint)}
.sheet-row.is-saving{opacity:.65}
.sheet-cell-coin{display:flex;gap:10px;align-items:flex-start;min-width:0}
.sheet-thumb{flex:0 0 auto;width:46px;height:46px;border-radius:50%;overflow:hidden;background:#faf8f3;display:grid;place-items:center}
.sheet-thumb img{width:100%;height:100%;object-fit:cover}
.sheet-coin-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.sheet-coin-text a{font-weight:750;color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
.sheet-coin-text a:hover{color:var(--gold-deep)}
.sheet-label{display:block;font-size:.72rem;font-weight:750;color:#8a8577;margin-bottom:3px}
.sheet-row .input{min-height:40px}
.sheet-cell-act{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sheet-cell-pick{display:flex;align-items:center;gap:6px}
.sheet-state{font-size:.75rem;font-weight:750;color:var(--ok);min-width:62px}
.sheet-state.is-error{color:var(--danger)}
.vb-text{font-weight:750;font-size:.85rem}
/* Ab Tablettbreite echte Tabellenoptik mit Kopfzeile. */
@media(min-width:900px){
.sheet-head,.sheet-row{display:grid;align-items:center;
grid-template-columns:34px minmax(190px,2fr) 74px 1fr 92px 92px 128px 1fr 1fr 164px;gap:8px}
.sheet-trade .sheet-head,.sheet-trade .sheet-row{grid-template-columns:34px minmax(220px,2.4fr) 78px 108px 62px 1fr 168px}
.sheet-head{padding:10px 14px;background:#fbf9f5;border-bottom:1px solid var(--line);
font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#8a8577;font-weight:750}
.sheet-label{display:none}
.sheet-row{padding:10px 14px}
.sheet-cell-num .input{text-align:right}
.sheet-cell-act{justify-content:flex-end}
.sheet-cell-act .sheet-save{order:1}
}
/* Ohne Markierungsspalte (Ansicht „Alle") rutscht alles eine Spalte nach links. */
@media(min-width:900px){
.sheet-head:not(:has(.sheet-cell-pick)),.sheet-row:not(:has(.sheet-cell-pick)){
grid-template-columns:minmax(190px,2fr) 74px 1fr 92px 92px 128px 1fr 1fr 164px}
.sheet-trade .sheet-head:not(:has(.sheet-cell-pick)),.sheet-trade .sheet-row:not(:has(.sheet-cell-pick)){
grid-template-columns:minmax(220px,2.4fr) 78px 108px 62px 1fr 168px}
}
/* Mit aktivem JavaScript ersetzt die Zustandsanzeige den Speichern-Knopf. */
.js-autosave .sheet-save{display:none}
.bulk-form{margin:0}
.collect-box{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.collect-panel>summary{list-style:none;cursor:pointer;width:fit-content}
.collect-panel>summary::-webkit-details-marker{display:none}
.collect-panel[open]>summary{margin-bottom:10px}
.collect-form{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--tint)}
.collect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.collect-form label{display:grid;gap:5px;font-size:.78rem;font-weight:750;color:#6f6a5d}
.collect-form label.checkbox{display:flex;align-items:center;gap:8px;font-weight:750}
.collect-lists{padding-top:4px;border-top:1px dashed var(--line)}
@media(min-width:650px){.collect-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.market-cell{display:flex;flex-direction:column;gap:1px}
.market-value{font-weight:800;color:var(--gold-deep)}
.value-up{color:var(--ok)}
.value-down{color:var(--danger)}
@media(min-width:900px){.market-cell{align-items:flex-end}}
.own-media{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.own-media-item{margin:0;width:96px;text-align:center}
.own-media-item img{width:96px;height:96px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.own-media-item figcaption{display:flex;flex-direction:column;gap:4px;align-items:center;margin-top:5px}
.own-edition>summary{cursor:pointer;font-weight:750}
.lager-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start;padding:10px;margin-bottom:10px;
background:#fbf9f5;border:1px solid var(--line);border-radius:10px}
.lager-actions>p{flex-basis:100%;margin:2px 0 0}
.lager-relink>summary{list-style:none;cursor:pointer;width:fit-content}
.lager-relink>summary::-webkit-details-marker{display:none}
.lager-relink[open]>summary{margin-bottom:8px}
.lager-relink form{max-width:340px}
.summary-box.filter-note{background:#fbf9f5;border-color:var(--gold-soft)}
.summary-box.filter-note strong{color:var(--gold-deep);font-size:1rem}
.coin-count-hint{font-size:.7rem;font-weight:750;color:var(--gold-deep);background:#fbf3de;border-radius:999px;padding:1px 8px;margin-left:4px}
.edition-editor{margin-top:10px;border-top:1px dashed var(--line);padding-top:8px}
.edition-editor>summary{cursor:pointer;font-weight:750;font-size:.86rem;color:#5c4a16;list-style:none}
.edition-editor>summary::-webkit-details-marker{display:none}
.edition-editor>summary::before{content:"▸ ";color:var(--gold-deep)}
.edition-editor[open]>summary::before{content:"▾ "}
.edition-editor[open]>summary{margin-bottom:8px}
.edition-card-fold>summary{cursor:pointer;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;
padding:8px 10px;margin:-4px 0 6px;border-radius:10px;background:#faf8f3;border:1px solid var(--line);list-style:none}
.edition-card-fold>summary::-webkit-details-marker{display:none}
.edition-card-fold>summary::before{content:"▸";color:var(--gold-deep);font-weight:700}
.edition-card-fold[open]>summary::before{content:"▾"}
.edition-card-fold>summary:hover{background:#f4efe3}
.collectible-card.is-main-edition{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-soft) inset}
.collectible-card.is-main-edition .edition-card-fold>summary{background:#fbf3de;border-color:var(--gold-soft)}
.stats-line{margin:6px 0 0;font-size:.9rem;color:#6b6558}
.stats-line strong{color:#2a2a2a;font-size:1rem}
.scroll-sentinel{padding:14px;text-align:center;border-top:1px solid var(--line)}
/* ==========================================================================
v6.31 – Datenblatt neu geordnet
--------------------------------------------------------------------------
Leitgedanke: Die 2-Euro-Gedenkmünze ist bimetallisch – Messingring außen,
Kupfernickelkern innen. Diese beiden Metalle liefern das einzige neue
Gestaltungsmittel dieser Seite: eine haarfeine Trennlinie, die von Messing
nach Grau läuft. Sie markiert Abschnittsanfänge und sonst nichts.
Die Münzbilder standen bisher in hohen Rechtecken mit viel Leerraum – ein
Kasten um eine Scheibe. Jetzt liegen sie auf einem runden, ruhigen Feld im
Seitenverhältnis 1:1. Das Bild wird eingepasst, nicht beschnitten, damit
auch Aufnahmen mit Rand unversehrt bleiben.
Zahlen laufen durchgängig mit Tabellenziffern: Auflagen untereinander
stehen dann bündig, was in einem Nachschlagewerk die halbe Miete ist.
========================================================================== */
:root{
--ring:#b0883a; /* Messingring der Münze */
--core:#9ea3a8; /* Kupfernickelkern */
--ink-strong:#23201a;
--rule-soft:#eae5d9;
}
.num,.detail-facts strong,.variant-mintage,.meta-list strong{font-variant-numeric:tabular-nums}
/* --- Abschnittsmarke: die Bimetall-Linie ------------------------------- */
.block-title,.section-heading h2,.section-card>h2{
position:relative;padding-top:12px;margin:0 0 12px;
font-size:.95rem;font-weight:800;letter-spacing:.01em;color:var(--ink-strong)
}
.block-title::before,.section-heading h2::before,.section-card>h2::before{
content:"";position:absolute;top:0;left:0;width:52px;height:2px;border-radius:2px;
background:linear-gradient(90deg,var(--ring) 0 60%,var(--core) 60% 100%)
}
.section-heading{align-items:baseline}
/* --- Münzseiten als Scheiben ------------------------------------------- */
.coin-sides{gap:14px}
.side-card{
min-height:0;aspect-ratio:1/1;padding:14px;gap:0;position:relative;
background:#fbfaf7;border:1px solid var(--rule-soft);border-radius:18px;box-shadow:none;
display:grid;place-items:center
}
.side-card::before{
/* Ruhiges rundes Feld, auf dem die Münze liegt. */
content:"";position:absolute;inset:12%;border-radius:50%;
background:radial-gradient(circle at 38% 32%,#fff 0%,#f4f1e9 70%,#ece7db 100%);
box-shadow:inset 0 1px 3px rgba(0,0,0,.05)
}
/* object-fit wirkt auf das ![]()
, nicht auf – beide brauchen daher
ihre eigene Regel, sonst laeuft das Bild ueber das runde Feld hinaus. */
.side-card .media-picture{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%}
.side-card img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.side-label{
position:absolute;top:10px;left:12px;z-index:2;margin:0;
font-size:.66rem;font-weight:750;text-transform:uppercase;letter-spacing:.12em;color:#8a8271
}
.coin-placeholder,.side-card .coin-fallback{position:relative;z-index:1}
/* --- Kopfdaten: schmale Reihe statt vier Kacheln ----------------------- */
.detail-facts{
grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:0;margin:18px 0;
border:1px solid var(--rule-soft);border-radius:14px;overflow:hidden;background:#fff
}
.detail-facts .fact{
padding:11px 14px;border-right:1px solid var(--rule-soft);background:none;border-radius:0
}
.detail-facts .fact:last-child{border-right:0}
.detail-facts .fact span{display:block;font-size:.64rem;text-transform:uppercase;letter-spacing:.11em;color:#918a79;margin-bottom:3px}
.detail-facts .fact strong{font-size:1.05rem;font-weight:750;color:var(--ink-strong)}
/* --- Varianten als Tabelle --------------------------------------------- */
.variant-list,.variant-table{margin-top:16px;padding-top:0;border-top:0}
.variant-head,.variant-row{
display:grid;grid-template-columns:minmax(0,1fr) 58px 92px 92px;gap:10px;align-items:center
}
.variant-head{
padding:0 0 6px;font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;color:#918a79;
border-bottom:1px solid var(--rule-soft)
}
.variant-row{padding:9px 0;border-top:0;border-bottom:1px solid var(--rule-soft);font-size:.9rem}
.variant-row:last-child{border-bottom:0}
.variant-name{min-width:0;overflow-wrap:anywhere}
.variant-quality{color:#6f6a5d}
.variant-head .num,.variant-mintage{text-align:right;font-weight:700}
@media(max-width:560px){
.variant-head{display:none}
.variant-row{grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:11px 0}
.variant-name{grid-column:1;font-weight:650}
.variant-mintage{grid-column:2;grid-row:1}
.variant-mark,.variant-quality{grid-row:2;font-size:.8rem}
.variant-mark{grid-column:1;justify-self:start}
.variant-quality{grid-column:2;text-align:right}
}
/* --- Editionen klar voneinander abgesetzt ------------------------------ */
.collectible-list{gap:12px}
.collectible-card{
border:1px solid var(--rule-soft);border-radius:16px;padding:16px;background:#fff;
box-shadow:0 1px 2px rgba(35,32,26,.04)
}
.collectible-card+.collectible-card{margin-top:0}
.collectible-card .coin-topline{margin-bottom:6px}
.collectible-card h3{font-size:1.02rem;margin:0 0 6px}
.collectible-visual{align-self:start}
/* --- Handlungen gebündelt ---------------------------------------------- */
.detail-info>.actions{
margin-top:16px;padding-top:14px;border-top:1px solid var(--rule-soft);
gap:8px;flex-wrap:wrap
}
/* ==========================================================================
v6.32 – Feste Anatomie des Datenblatts
--------------------------------------------------------------------------
Der Aufbau ist auf jeder Münzseite derselbe:
Kennung → Münze → Eckdaten → Auflagen je Ausgabeform → Hauptmünze →
Editionen → Redaktionelles
Ein Nachschlagewerk lebt davon, dass dieselbe Angabe immer an derselben
Stelle steht. Deshalb liegt die Reihenfolge fest, auch wenn dabei
gelegentlich Platz ungenutzt bleibt.
Ruhe entsteht hier durch Weglassen: nur zwei Flächenfarben (Papier und
Karte), eine Linienstärke, ein Radius je Ebene. Farbe trägt ausschließlich
Bedeutung – Messing für die Marke des Abschnitts, sonst Grauwerte.
========================================================================== */
/* --- Auflagen je Ausgabeform ------------------------------------------- */
.mintage-strip{
display:grid;grid-auto-flow:column;grid-auto-columns:minmax(96px,1fr);
margin:0 0 18px;border:1px solid var(--rule-soft);border-radius:14px;
background:#fff;overflow:hidden
}
.mintage-cell{
padding:10px 12px;border-right:1px solid var(--rule-soft);
display:flex;flex-direction:column;gap:2px;min-width:0
}
.mintage-cell:last-child{border-right:0}
.mintage-form{
font-size:.63rem;font-weight:750;text-transform:uppercase;letter-spacing:.09em;
color:#8a8271;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.mintage-cell strong{font-size:1rem;font-weight:750;color:var(--ink-strong)}
.mintage-note{font-size:.63rem;color:#a19983}
@media(max-width:700px){
/* Umbrechen statt zusammenquetschen – vier Spalten sind auf dem Handy zu eng. */
.mintage-strip{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto}
.mintage-cell{border-right:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft)}
.mintage-cell:nth-child(2n){border-right:0}
}
/* --- Editionen als Kacheln --------------------------------------------- */
@media(min-width:760px){
/* Nur in der Leseansicht: im Bearbeitungsmodus brauchen die Formulare Breite. */
.collectible-list:not(.is-editing){
grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start
}
.collectible-list:not(.is-editing) .collectible-card{
grid-template-columns:1fr;gap:10px
}
.collectible-list:not(.is-editing) .collectible-visual{
aspect-ratio:16/10;display:grid;place-items:center;
background:#faf8f4;border:1px solid var(--rule-soft);border-radius:12px;overflow:hidden
}
.collectible-list:not(.is-editing) .collectible-visual img{max-width:100%;max-height:100%;object-fit:contain}
}
/* --- Ruhe: eine Linienstärke, ein Radius je Ebene ---------------------- */
.section-card{border-radius:16px}
.editor-subcard{border-radius:12px;border-color:var(--rule-soft);background:#fcfbf8}
.detail-info h1{margin-bottom:10px}
.main-coin-facts{border-top-color:var(--rule-soft);padding-top:14px;margin-top:16px}
.main-coin-title{font-size:1.12rem;margin:6px 0 8px}
.meta-list{gap:6px 18px;font-size:.85rem}
.meta-list .shop-price strong{color:var(--gold-deep)}
/* ==========================================================================
v6.33 – Ein Bauteil für alle Angaben
--------------------------------------------------------------------------
`spec-list` ist die einzige Darstellung für Wertepaare auf dem Datenblatt –
im Kopfblock wie in den Editionskacheln. Der Bezeichner steht klein und
versal darüber, der Wert groß darunter. Immer dieselbe Reihenfolge, fehlende
Angaben als Gedankenstrich: dadurch wandert das Auge eine Spalte hinunter,
statt jede Kachel neu zu lesen.
Bewusst kein reiner Wert mit Erklärung beim Überfahren: auf dem Handy gibt
es kein Überfahren, und eine nackte Zahl ohne Bezeichner ist zweideutig –
3,50 € könnte Ausgabepreis oder Marktpreis sein. Der Platz für die kleine
Zeile ist gut angelegt.
========================================================================== */
.spec-list{
display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
gap:1px;margin:12px 0 0;padding:0;
background:var(--rule-soft);border:1px solid var(--rule-soft);border-radius:12px;overflow:hidden
}
.spec-list .spec{background:#fff;padding:9px 12px;min-width:0}
.spec-list dt{
margin:0 0 2px;font-size:.62rem;font-weight:750;text-transform:uppercase;
letter-spacing:.1em;color:#8a8271;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.spec-list dd{margin:0;font-size:.95rem;font-weight:650;color:var(--ink-strong);overflow-wrap:anywhere}
.spec-list .spec-strong dd{color:var(--gold-deep)}
.spec-compact{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}
.spec-compact dd{font-size:.88rem}
@media(max-width:560px){.spec-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Die Auflagenreihe schliesst den Hauptmuenzblock ab. */
.mintage-title{margin-top:16px}
.main-coin-facts .mintage-strip{margin-bottom:0}
/* Kacheln: gleiche Hoehe, damit die Felder auf einer Linie liegen. */
@media(min-width:760px){
.collectible-list:not(.is-editing) .collectible-card{height:100%}
.collectible-list:not(.is-editing) .collectible-body{display:flex;flex-direction:column}
.collectible-list:not(.is-editing) .spec-compact{margin-top:auto}
}
/* ==========================================================================
v6.34 – Sammelschalter, Münzstapel, ruhige Schaltflächen
========================================================================== */
/* --- Drei Schalter in einer Zeile -------------------------------------- */
/* flex-direction ausdruecklich setzen: eine fruehere Regel stellt die Box auf
Spalte; wird die Eigenschaft hier nicht genannt, bleibt sie bestehen und die
Schalter stehen weiter untereinander. */
.collect-box{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:flex-start;margin-top:14px}
.collect-panel{min-width:0}
.collect-btn{
display:inline-flex;align-items:center;gap:7px;cursor:pointer;list-style:none;
padding:7px 13px;border:1px solid #ddd6c4;border-radius:999px;background:#f7f4ec;
font-size:.84rem;font-weight:650;color:#4a4438;white-space:nowrap;
transition:border-color .12s ease,background .12s ease,color .12s ease
}
.collect-btn::-webkit-details-marker{display:none}
.collect-btn:hover{border-color:var(--gold);color:var(--gold-deep);background:#fdfaf1}
.collect-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.collect-btn svg{flex:none;opacity:.75}
.collect-btn:hover svg{opacity:1}
/* Vorhandener Bestand: gefüllter Schalter, damit er sich abhebt. */
.collect-btn.is-set{background:var(--gold);border-color:var(--gold);color:#fff}
.collect-btn.is-set svg{opacity:1}
.collect-count{
font-size:.72rem;font-weight:750;padding:1px 6px;border-radius:999px;
background:rgba(255,255,255,.28)
}
.collect-btn:not(.is-set) .collect-count{background:var(--gold-soft);color:var(--gold-deep)}
.collect-panel[open] .collect-btn{border-color:var(--gold);border-bottom-left-radius:6px;border-bottom-right-radius:6px}
.collect-panel[open]{flex:1 1 100%}
@media(prefers-reduced-motion:reduce){.collect-btn{transition:none}}
/* --- Titel als Verweis, ohne Zusatzlink -------------------------------- */
.title-link{color:inherit;text-decoration:none;display:inline-flex;align-items:baseline;gap:.28em}
.title-link:hover{color:var(--gold-deep)}
.title-chevron{font-size:1.15em;line-height:1;color:var(--gold);transform:translateY(.04em)}
.title-link:hover .title-chevron{transform:translate(2px,.04em)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* --- Münzseiten untereinander auf breiten Schirmen --------------------- */
@media(min-width:900px){
/* Nebeneinander bleiben zwei kurze Kacheln neben einer langen Textspalte
stehen – darunter klafft eine Lücke. Gestapelt füllt die Bildspalte die
Höhe und beide Seiten enden ungefähr zusammen. */
.coin-sides{grid-template-columns:1fr;gap:12px}
.detail-head{grid-template-columns:minmax(300px,34%) 1fr;align-items:start}
}
/* --- Weniger Signalfarbe ----------------------------------------------- */
.detail-info>.actions .button{font-size:.86rem;padding:8px 14px}
/* ==========================================================================
v6.35 – Wiederhergestellte Abschnittsmarken und Datenformate
(Der Block war beim Entfernen des runden Rahmens versehentlich mit
verschwunden – die Regeln standen unmittelbar davor.)
========================================================================== */
.num,.detail-facts strong,.variant-mintage,.meta-list strong,.spec-list dd.num{font-variant-numeric:tabular-nums}
/* Abschnittsmarke: die zwei Metalle der 2-Euro-Münze als haarfeine Linie. */
.block-title,.section-heading h2,.section-card>h2{
position:relative;padding-top:12px;margin:0 0 12px;
font-size:.95rem;font-weight:800;letter-spacing:.01em;color:var(--ink-strong)
}
.block-title::before,.section-heading h2::before,.section-card>h2::before{
content:"";position:absolute;top:0;left:0;width:52px;height:2px;border-radius:2px;
background:linear-gradient(90deg,var(--ring) 0 60%,var(--core) 60% 100%)
}
.section-heading{align-items:baseline}
.coin-sides{gap:14px}
/* --- Bildwechsler in den Editionskacheln -------------------------------- */
.edition-media{position:relative}
.edition-media.has-slider{padding:0 26px}
.edition-slide{margin:0;display:flex;flex-direction:column;align-items:center;gap:4px}
.edition-slide img{max-width:100%;height:auto;object-fit:contain}
.slide-arrow{
position:absolute;top:50%;transform:translateY(-50%);z-index:2;
width:26px;height:26px;padding:0;line-height:1;
display:grid;place-items:center;cursor:pointer;
font-size:1.1rem;color:#5c5646;
background:rgba(255,255,255,.92);border:1px solid var(--rule-soft);border-radius:50%
}
.slide-arrow:hover{border-color:var(--gold);color:var(--gold-deep)}
.slide-arrow:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.slide-prev{left:0}
.slide-next{right:0}
.slide-count{
position:absolute;bottom:2px;right:4px;z-index:2;
font-size:.66rem;color:#8a8271;background:rgba(255,255,255,.85);
padding:1px 6px;border-radius:999px
}
/* --- Verweis auf die Einzelseite: nicht mehr über das Bild gelegt ------- */
.edition-visual-link{
position:static;display:inline-flex;align-items:center;gap:.3em;
margin-top:8px;padding:0;background:none;color:var(--gold-deep);
font-size:.78rem;font-weight:650;text-decoration:none;opacity:1
}
.edition-visual-link:hover{text-decoration:underline}
.edition-visual-link::after{content:"›";font-size:1.1em;line-height:1}
/* ==========================================================================
Kopfzeile – helle Fassung
--------------------------------------------------------------------------
Die Grundfassung dieser Datei stammt aus einer Zeit mit goldener Kopfzeile.
Die spätere, helle Fassung lag im versehentlich gelöschten Bereich und ist
hier neu geschrieben: weiße Leiste, Logo links, Navigation rechts in dunkler
Schrift. Gold trägt nur noch die hervorgehobene Schaltfläche und die aktive
Seite – auf einer ganzen Leiste erschlägt es den Inhalt.
========================================================================== */
.site-header{
position:sticky;top:0;z-index:50;
background:#fff;color:var(--ink-strong);
border-bottom:1px solid var(--rule-soft);box-shadow:0 1px 3px rgba(35,32,26,.05)
}
.header-inner{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;flex:none}
.brand-logo{display:block;height:44px;width:auto;max-width:min(60vw,300px)}
.main-nav a,.nav-link-button{color:#4a4438}
.main-nav a:hover,.nav-link-button:hover{color:var(--gold-deep)}
.main-nav a.is-active{color:var(--gold-deep);font-weight:750}
@media(min-width:860px){
.main-nav{
display:flex;position:static;background:transparent;padding:0;
box-shadow:none;border-radius:0;align-items:center;gap:2px;flex-wrap:wrap
}
.main-nav a,.nav-link-button{
padding:7px 10px;border-radius:9px;font-size:.9rem;font-weight:650;
text-decoration:none;white-space:nowrap;background:none;border:0;cursor:pointer
}
.main-nav a:hover,.nav-link-button:hover{background:#f6f3ec}
}
@media(max-width:859px){
/* Aufgeklapptes Menü: heller Grund statt der alten dunklen Fläche. */
.main-nav{background:#fff;border:1px solid var(--rule-soft);border-radius:0 0 14px 14px;top:64px}
.main-nav a,.nav-link-button{display:block;padding:9px 6px}
}
.nav-toggle{background:none;border:1px solid var(--rule-soft);border-radius:9px;color:#4a4438;font-size:1.15rem;padding:5px 11px;cursor:pointer}
.nav-toggle:hover{border-color:var(--gold);color:var(--gold-deep)}
/* ==========================================================================
Nachtrag: Rückfälle aus der Grundfassung bereinigen
========================================================================== */
/* Der runde Rahmen stammt aus der alten Fassung und ist hier fehl am Platz:
ob der Inhalt rund ist, weiss die Anwendung nicht. Ersatzlos abschalten. */
.side-card::before{content:none}
/* flex-direction ausdruecklich zuruecknehmen – eine fruehere Regel stellt die
Karte auf Spalte, was mit dem Raster hier kollidiert. */
.side-card{flex-direction:initial;aspect-ratio:auto;min-height:190px;display:grid;place-items:center}
/* Redaktionsansicht fremder Listen (v6.22) – fehlte in der Grundfassung. */
.admin-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:20px}
.admin-summary-box{background:#fff;border:1px solid #ece9e2;border-radius:12px;padding:12px 14px;text-align:center}
.admin-summary-box strong{display:block;font-size:1.25rem;color:#2a2a2a}
.admin-summary-box span{font-size:.76rem;color:#8a8577}
/* ==========================================================================
Nachtrag: Bildwechsler und Abstände in den Editionskacheln
========================================================================== */
/*
* `hidden` setzt nur `display:none` – jede eigene display-Angabe hebt das
* wieder auf. Genau das passierte hier: `.edition-slide{display:flex}` machte
* alle Bilder wieder sichtbar, obwohl sie als versteckt ausgezeichnet waren.
*/
.edition-slide[hidden]{display:none !important}
/* Ein Bild füllt die Fläche, statt zwei übereinander zu stapeln. */
.edition-media{position:relative;display:block}
.edition-media.has-slider{padding:0 30px;min-height:150px}
.edition-slide{margin:0;display:flex;flex-direction:column;align-items:center;gap:4px}
.edition-slide img{max-width:100%;max-height:170px;width:auto;height:auto;object-fit:contain}
/* Luft zwischen den Angaben und den Schaltflächen darunter. */
.collectible-body .spec-compact{margin-bottom:12px}
.collectible-body .actions{margin-top:0}
.collectible-body .actions+.collect-box{margin-top:10px}
/* Lange Verpackungsbezeichnungen sauber umbrechen statt mitten im Wort. */
.spec-list dd{hyphens:auto;-webkit-hyphens:auto}
/* Alte Kachelung mehrerer Bilder – vom Wechsler abgeloest. */
.edition-media.is-multi{display:block;grid-template-columns:none}
/* ==========================================================================
Nachtrag: Editionskarte im Bearbeitungsmodus
--------------------------------------------------------------------------
Die Bildspalte der Karte ist 90 px breit. Darin passte weder der Wechsler
(der 30 px je Seite für die Pfeile braucht) noch der 170 px grosse
Platzhalter – letzterer wurde zum Ei, weil nur die Breite schrumpfte.
========================================================================== */
/* Bild oben, Verweis darunter – vorher standen sie nebeneinander. */
.collectible-visual{display:flex;flex-direction:column;align-items:center;gap:6px;justify-content:flex-start}
.collectible-visual .edition-visual-link{order:2;margin-top:2px}
.collectible-visual .edition-media{order:1;width:100%}
/* Platzhalter: quadratisch bleiben, auch wenn die Spalte schmal ist. */
.coin-placeholder{width:100%;max-width:170px;height:auto;aspect-ratio:1/1;font-size:1.6rem}
/* Im Bearbeitungsmodus mehr Platz fuer Bild und Pfeile. */
.collectible-list.is-editing .collectible-card{grid-template-columns:minmax(150px,190px) minmax(0,1fr);gap:16px}
.collectible-list.is-editing .edition-media.has-slider{padding:0 28px;min-height:auto}
.collectible-list.is-editing .edition-slide img{max-height:150px}
/* Sehr schmale Spalten: Pfeile unter das Bild statt darueber. */
@media(max-width:520px){
.edition-media.has-slider{padding:0}
.slide-arrow{position:static;transform:none}
.edition-media.has-slider{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px}
.edition-slide{grid-column:2}
.slide-prev{grid-column:1;grid-row:1}
.slide-next{grid-column:3;grid-row:1}
.slide-count{position:static;grid-column:2;justify-self:center}
}
/* ==========================================================================
Nachtrag: Bearbeitungsmodus der Editionskacheln
--------------------------------------------------------------------------
In der Leseansicht stehen die Editionen als Kacheln untereinander gestapelt.
Im Bearbeitungsmodus blieb daneben die schmale Bildspalte der Grundfassung
(125 px) stehen – zu wenig für den Bildwechsler samt Pfeilen, weshalb der
Verweis umbrach, die Platzhalterscheibe zum Ei wurde und die Pfeile frei im
Raum standen.
========================================================================== */
.collectible-list.is-editing .collectible-card{
/* Bild oben, Formulare darunter über die volle Breite. */
grid-template-columns:1fr;gap:12px
}
.collectible-list.is-editing .collectible-visual{
max-width:260px;justify-self:start;
background:#faf8f4;border:1px solid var(--rule-soft);border-radius:12px;padding:10px
}
.collectible-list.is-editing .edition-visual-link{margin:8px 0 0}
/* Der Wechsler braucht Platz für die Pfeile; darunter wird nicht gestapelt. */
.edition-media.has-slider{min-width:170px}
/* Die Platzhalterscheibe bleibt rund, auch wenn die Spalte breiter wird. */
.coin-placeholder{flex:none;aspect-ratio:1/1}
/* Verweis auf die Einzelseite: eine Zeile, nicht umbrechen. */
.edition-visual-link{white-space:nowrap}
/* ==========================================================================
Nachtrag: Bildskalierung, größeres Logo, Kacheltabelle
========================================================================== */
/*
* Bilder mussten bisher nur in der Breite passen; hohe Aufnahmen – etwa eine
* hochkant fotografierte Coincard – wuchsen dadurch aus ihrem Feld heraus und
* schoben die Pfeile ueber das Bild. Deshalb ueberall zusaetzlich eine
* Hoehengrenze, und `object-fit:contain`, damit nichts beschnitten wird.
*/
.edition-media{--bildhoehe:190px}
.edition-media.has-slider{min-height:calc(var(--bildhoehe) + 26px)}
.edition-slide{max-height:var(--bildhoehe)}
.edition-slide img,.edition-slide .media-picture{max-height:var(--bildhoehe);max-width:100%;width:auto;height:auto;object-fit:contain}
.collectible-visual img,.collectible-visual .media-picture{max-height:220px;max-width:100%;width:auto;height:auto;object-fit:contain}
.coin-visual img,.coin-visual .media-picture{max-height:180px;max-width:100%;width:auto;height:auto;object-fit:contain}
.media-strip img{max-height:120px;width:auto;object-fit:contain}
/* Logo eine Fünftel größer, die Leiste wächst entsprechend mit. */
.site-header .brand-logo{height:53px}
.site-header .header-inner{min-height:76px}
@media(max-width:600px){
.site-header .brand-logo{height:44px}
.site-header .header-inner{min-height:64px}
}
/* „Filter „Anzeigen"" nicht umbrechen. */
.nowrap{white-space:nowrap}
/* Angaben in den Katalogkacheln */
.spec-tile{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}
.spec-tile dd{font-size:.9rem;min-height:1.2em}
.coin-card .spec-tile{margin-top:auto}
.coin-card{display:flex;flex-direction:column}
.coin-card .coin-body{display:flex;flex-direction:column;flex:1}
/* ==========================================================================
Nachtrag: Bildbeschnitt und Verweise zur Einzelseite
========================================================================== */
/*
* Der Bildrahmen der Kacheln hatte ein festes Seitenverhaeltnis mit
* `overflow:hidden`. Das beschnitt hohe Aufnahmen oben und unten – und
* verschluckte zugleich den darunterliegenden Verweis zur Einzelseite.
* Jetzt richtet sich der Rahmen nach dem Bild, begrenzt nur die Hoehe.
*/
@media(min-width:760px){
.collectible-list:not(.is-editing) .collectible-visual{
aspect-ratio:auto;overflow:visible;min-height:0;padding:10px;
display:flex;flex-direction:column;align-items:center;gap:6px
}
}
.collectible-visual{overflow:visible}
.edition-media{--bildhoehe:210px}
/* Der Titel der Edition fuehrt zur Einzelseite – mit sichtbarem Hinweis,
damit erkennbar ist, dass dahinter mehr steckt. */
.edition-link{color:inherit;text-decoration:none;display:inline-flex;align-items:baseline;gap:.28em}
.edition-link:hover{color:var(--gold-deep)}
.edition-link::after{content:"›";font-size:1.15em;line-height:1;color:var(--gold)}
.edition-link:hover::after{transform:translateX(2px)}
/* Der zusaetzliche Verweis ueber dem Bild entfaellt – der Titel genuegt. */
.edition-visual-link{display:none}
/* ==========================================================================
Editionsseite – gleiche Anatomie wie die Münzseite
========================================================================== */
/* Ein grosses Bild mit Pfeilen statt vier hoher Kaesten untereinander. */
.edition-hero{--bildhoehe:420px;background:#fbfaf7;border:1px solid var(--rule-soft);border-radius:16px;padding:18px}
.edition-hero.has-slider{padding:18px 40px}
.edition-hero .edition-slide{position:relative;min-height:260px;justify-content:center}
.edition-hero .side-label{
position:absolute;top:-4px;left:0;
font-size:.66rem;font-weight:750;text-transform:uppercase;letter-spacing:.12em;color:#8a8271
}
.edition-hero img{max-height:var(--bildhoehe);max-width:100%;width:auto;height:auto;object-fit:contain}
.edition-hero .slide-arrow{width:30px;height:30px;font-size:1.2rem}
.edition-hero .coin-placeholder{width:96px;height:96px}
@media(max-width:700px){.edition-hero{--bildhoehe:280px}.edition-hero .edition-slide{min-height:200px}}
/* Der Marktpreis wird hervorgehoben – er ist die Angabe, die zaehlt. */
.detail-facts .fact-strong strong{color:var(--gold-deep)}
/* Lagernummer direkt in der Editionskachel nachtragen. */
.quick-lager{display:flex;gap:6px;align-items:center;margin:10px 0 0;flex-wrap:wrap}
.quick-lager .input{width:9.5em;padding:6px 9px;font-size:.86rem}
.quick-lager .button{white-space:nowrap}
/* Eckdaten: eine Zelle darf die Reihe nicht in die Höhe treiben. */
.detail-facts .fact strong{
display:block;overflow:hidden;text-overflow:ellipsis;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical
}
.detail-facts{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
/*
* Lightbox: das Bild soll den Schirm nutzen. Ohne eigene Regel blieb es bei
* der natuerlichen Groesse der geladenen Fassung – auf grossen Bildschirmen
* also winzig.
*/
.lightbox-figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:94vw}
.lightbox-img{
max-width:92vw;max-height:80vh;width:auto;height:auto;object-fit:contain;
background:#fff;border-radius:8px
}
@media(min-width:1200px){.lightbox-img{max-height:84vh}}
/* ==========================================================================
Statistikseiten
========================================================================== */
.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:18px}
.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.stats-card{display:block;padding:18px;text-decoration:none;color:inherit;transition:border-color .12s ease}
.stats-card:hover{border-color:var(--gold)}
.stats-card h2{margin:0 0 6px;font-size:1.05rem;display:flex;align-items:baseline;gap:.3em}
.stats-card p{margin:0;font-size:.9rem}
/*
* Balken je Jahr: zeigt den Verlauf schneller als eine Zahlenspalte. Bewusst
* ohne Bibliothek – ein Balken ist ein Kasten mit einer Hoehe in Prozent.
*/
.year-bars{
display:flex;align-items:flex-end;gap:4px;overflow-x:auto;
height:190px;padding:8px 2px 0
}
.year-bar{
flex:1 0 34px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
height:100%;min-width:34px
}
.year-bar-value{font-size:.66rem;color:#8a8271;margin-bottom:3px}
.year-bar-fill{
width:100%;border-radius:5px 5px 0 0;
background:linear-gradient(180deg,var(--ring) 0%,var(--gold-deep) 100%)
}
.year-bar-label{
font-size:.62rem;color:#8a8271;margin-top:5px;
writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap
}
@media(min-width:900px){.year-bar-label{writing-mode:horizontal-tb;transform:none}}
/* ==========================================================================
Ranglisten
--------------------------------------------------------------------------
Die Kopfzeile richtet sich nach ihrer Spalte: `.data-table th` setzt
linksbündig und stand später als `.right`, weshalb Überschriften über
rechtsbündigen Zahlen links klebten.
Farbe trägt hier Bedeutung: Auflage kühl, Marktpreis in Messing – die zwei
Größen, um die es geht, lassen sich so ohne Lesen der Überschrift trennen.
========================================================================== */
.data-table th.right{text-align:right}
.ranking-table td,.ranking-table th{vertical-align:middle}
.ranking-table tbody tr:nth-child(odd){background:#fcfbf8}
.ranking-table tbody tr:hover{background:#f7f3e9}
.ranking-table .cell-mintage{color:#4a5a68;font-weight:650}
.ranking-table .cell-price strong{color:var(--gold-deep)}
.ranking-table thead th.right{letter-spacing:.04em}
/* Die ersten drei Plätze hervorheben – in einer Rangliste ist die Spitze das,
was zuerst gesucht wird. */
.ranking-table tbody tr:nth-child(-n+3) td:first-child{
font-weight:800;color:var(--gold-deep)
}
/* Angekündigte Ausgaben sitzen als eigener Abschnitt über den erschienenen. */
.year-bar-fill.is-planned{
background:repeating-linear-gradient(135deg,#cfc6ae 0 5px,#e2dbc7 5px 10px);
border-radius:5px 5px 0 0
}
.year-bar-fill:not(.is-planned){border-radius:0}
.year-bar-fill:only-of-type{border-radius:5px 5px 0 0}
.year-bar-value .value-planned{color:#a89c7e;margin-left:2px}
.chart-legend{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:.74rem;color:#8a8271}
.legend-key{display:inline-block;width:14px;height:10px;border-radius:3px;margin-left:8px}
.legend-key:first-child{margin-left:0}
.legend-issued{background:linear-gradient(180deg,var(--ring) 0%,var(--gold-deep) 100%)}
.legend-planned{background:repeating-linear-gradient(135deg,#cfc6ae 0 5px,#e2dbc7 5px 10px)}
.cell-planned{color:#a89c7e}
/* ==========================================================================
Fehlermeldungen
========================================================================== */
.report-panel{padding:14px 16px}
.report-box>summary{list-style:none;cursor:pointer;width:fit-content;display:inline-flex;align-items:center;gap:7px}
.report-box>summary::-webkit-details-marker{display:none}
.report-box[open]>summary{margin-bottom:12px}
.report-form{max-width:560px}
.report-form .textarea{min-height:96px}
.report-list{display:flex;flex-direction:column;gap:10px}
.report-card{padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.report-card.is-done{opacity:.62}
.report-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.report-target{
display:inline-flex;align-items:baseline;gap:8px;flex-wrap:wrap;
text-decoration:none;color:inherit
}
.report-target:hover{color:var(--gold-deep)}
.report-meta{white-space:nowrap}
.report-message{
margin:0;padding:10px 12px;border-radius:10px;
background:#fbf9f5;border-left:3px solid var(--gold);font-size:.92rem
}
/* Sortierbare Spaltenköpfe und Konfigurationsanzeige. */
.sort-link{color:inherit;text-decoration:none;border-bottom:1px dotted #b9b1a0}
.sort-link:hover{color:var(--gold-deep);border-bottom-color:var(--gold)}
.sort-link.is-active{color:var(--gold-deep);font-weight:800;border-bottom:2px solid var(--gold)}
.config-state{padding:11px 14px;border-radius:10px;margin:10px 0 14px;font-weight:650;font-size:.92rem}
.config-state.is-off{background:#f2f7f1;border:1px solid #cfe0cb;color:#31603a}
.config-state.is-on{background:#fdf3f2;border:1px solid #e6c4bf;color:#8d3a2e}
.maintenance-hero{max-width:620px;margin:40px auto;text-align:center}
.maintenance-note{margin-top:12px;padding:12px 14px;border-radius:10px;background:#fbf9f5;border-left:3px solid var(--gold)}
/* Honigtopf: unsichtbar, aber nicht per display:none – manche Automaten
erkennen das und lassen das Feld dann aus. */
.hp-field{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.street-grid{grid-template-columns:1fr 120px;gap:12px}
@media(max-width:520px){.street-grid{grid-template-columns:1fr}}
.consent-box{align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--rule-soft);border-radius:12px;background:#fbf9f5}
.consent-box span{display:block}
/* ==========================================================================
Live-Suche
--------------------------------------------------------------------------
Die Vorschlagsliste liegt über dem Inhalt, nicht im Fluss – sonst würde die
Seite bei jedem Tastenanschlag springen.
========================================================================== */
.live-search-field{position:relative}
.live-search-panel{
position:absolute;z-index:60;left:0;right:0;top:calc(100% + 6px);
max-height:min(70vh,520px);overflow-y:auto;
background:#fff;border:1px solid var(--rule-soft);border-radius:14px;
box-shadow:0 12px 32px rgba(35,32,26,.14)
}
.ls-group+.ls-group{border-top:1px solid var(--rule-soft)}
.ls-head{
padding:8px 14px 4px;font-size:.62rem;font-weight:750;
text-transform:uppercase;letter-spacing:.1em;color:#918a79
}
.ls-item{
display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;
width:100%;padding:9px 14px;border:0;background:none;text-align:left;cursor:pointer;
font:inherit;color:inherit;text-decoration:none
}
.ls-item:hover,.ls-item.is-active{background:#f7f3e9}
.ls-item.is-active{outline:2px solid var(--gold);outline-offset:-2px}
.ls-typ,.ls-cc{
font-size:.62rem;font-weight:750;text-transform:uppercase;letter-spacing:.07em;
padding:2px 7px;border-radius:999px;background:var(--gold-soft);color:var(--gold-deep);white-space:nowrap
}
.ls-cc{background:#3b3728;color:#fff}
.ls-cc-leer{background:none;min-width:38px}
.ls-text{min-width:0;overflow:hidden;text-overflow:ellipsis}
.ls-title{display:block;font-size:.82rem;color:#6f6a5d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ls-note{font-size:.74rem;color:#918a79;white-space:nowrap;font-variant-numeric:tabular-nums}
.ls-item mark{background:#fbeec4;color:inherit;border-radius:3px;padding:0 1px}
.ls-empty{padding:14px;color:#6f6a5d;font-size:.9rem}
.ls-more{
display:block;padding:11px 14px;text-align:center;font-size:.85rem;font-weight:650;
color:var(--gold-deep);text-decoration:none;border-top:1px solid var(--rule-soft);background:#fbf9f5
}
.ls-more:hover{background:#f6f0e2}
@media(max-width:560px){
.ls-item{grid-template-columns:auto minmax(0,1fr)}
.ls-note{display:none}
}