:root{
  --ivory:#faf6ee; --paper:#fffdf8; --ink:#33222e; --muted:#6e5764;
  --plum:#5e2b73; --plum-dark:#40204f; --violet:#7c4dbd; --gold:#b8860b;
  --gold-soft:#c9a227; --line:#e8dcc4; --card:#fffdf8;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  line-height:1.65;font-size:17px}
h1,h2,h3,.serif{font-family:Georgia,"Playfair Display","Times New Roman",serif;
  color:var(--plum-dark);line-height:1.25}
a{color:var(--plum);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header.site{position:sticky;top:0;z-index:50;background:rgba(250,246,238,.96);
  border-bottom:2px solid var(--gold-soft);backdrop-filter:blur(4px)}
.hbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:10px 0}
.logo{display:flex;align-items:center;gap:10px;font-family:Georgia,serif;
  font-size:1.35rem;font-weight:bold;color:var(--plum-dark)}
.logo:hover{text-decoration:none}
.logo .gem{width:34px;height:34px}
nav.main{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}
nav.main a{padding:7px 12px;border-radius:20px;color:var(--ink);font-size:.98rem}
nav.main a:hover{background:#f1e6cf;text-decoration:none;color:var(--plum-dark)}
.gem{border-radius:50%;flex:none;
  box-shadow:inset -5px -7px 12px rgba(30,10,40,.35),inset 4px 5px 8px rgba(255,255,255,.45),0 4px 10px rgba(64,32,79,.28)}
.gem.lg{width:84px;height:84px}
.gem.md{width:56px;height:56px}
.gem.sm{width:30px;height:30px}
.hero{background:linear-gradient(135deg,var(--plum-dark),var(--plum) 55%,var(--violet));
  color:#fdf8ec;margin:26px 0 8px;border-radius:18px;padding:44px 38px;position:relative;overflow:hidden}
.hero h1{color:#fff;margin:0 0 10px;font-size:2.5rem}
.hero p{color:#efe3f7;max-width:640px;margin:0 0 8px}
.hero .gems{position:absolute;right:26px;top:26px;display:flex;gap:12px;opacity:.95}
.hero .stand{color:var(--gold-soft);font-size:.9rem;letter-spacing:.06em;text-transform:uppercase}
.btn{display:inline-block;background:var(--gold-soft);color:#2c1c07;font-weight:600;
  padding:10px 20px;border-radius:24px;margin-top:12px}
.btn:hover{text-decoration:none;background:#d9b63f}
main{padding:10px 0 30px}
.crumb{font-size:.88rem;color:var(--muted);margin:14px 0 4px}
.crumb a{color:var(--muted)}
h1.page{font-size:2.2rem;margin:6px 0 6px}
.lead{font-size:1.12rem;color:#54424f;max-width:760px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:16px;margin:18px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:18px;display:flex;gap:14px;align-items:flex-start;transition:box-shadow .15s}
.card:hover{box-shadow:0 6px 18px rgba(64,32,79,.13)}
.card h3{margin:0 0 4px;font-size:1.12rem}
.card p{margin:0;font-size:.92rem;color:var(--muted)}
.card a:hover{text-decoration:none}
.facts{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--gold-soft);
  border-radius:12px;padding:18px 22px;margin:20px 0}
.facts h2{margin-top:0;font-size:1.25rem}
.facts dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px 28px;margin:0}
.facts dt{font-weight:600;color:var(--plum-dark)}
.facts dd{margin:0 0 8px;color:#4c3a48}
.stonehead{display:flex;gap:22px;align-items:center;margin:16px 0 4px;flex-wrap:wrap}
.note{background:#fbf0d3;border:1px solid #e8d194;border-radius:10px;
  padding:13px 17px;font-size:.94rem;margin:24px 0}
.faq{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px 22px;margin:16px 0}
.faq h3{margin:16px 0 4px;font-size:1.06rem}
.faq p{margin:0 0 14px}
.chips{list-style:none;padding:0;margin:8px 0 4px;display:flex;flex-wrap:wrap;gap:8px}
.chips a{display:inline-flex;align-items:center;gap:7px;background:#f4ead2;
  border:1px solid var(--line);border-radius:18px;padding:5px 13px 5px 7px;font-size:.94rem}
.chips a:hover{text-decoration:none;background:#eeddB4;background:#eeddb4}
.chips .gem{width:18px;height:18px}
.az-group h3{border-bottom:2px solid var(--gold-soft);padding-bottom:4px;margin:26px 0 10px}
.az-list{list-style:none;padding:0;margin:0;columns:3;column-gap:28px}
.az-list li{margin:0 0 7px;break-inside:avoid}
.az-list a{display:inline-flex;align-items:center;gap:9px}
.az-list .gem{width:20px;height:20px}
.searchbox{width:100%;max-width:480px;padding:12px 16px;border:1.5px solid var(--gold-soft);
  border-radius:26px;font-size:1rem;background:#fff;margin:8px 0 4px}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:18px 0}
.cat{background:linear-gradient(150deg,#fffdf8,#f6ecd9);border:1px solid var(--line);
  border-radius:14px;padding:20px}
.cat h3{margin:0 0 6px}
.cat p{margin:0;color:var(--muted);font-size:.95rem}
section.block{margin:30px 0}
footer.site{background:var(--plum-dark);color:#e9dcf2;margin-top:44px;padding:36px 0 22px}
footer.site a{color:#e9dcf2}
footer.site h4{color:var(--gold-soft);font-family:Georgia,serif;margin:0 0 10px}
.fcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}
.fcols ul{list-style:none;padding:0;margin:0}
.fcols li{margin:0 0 7px;font-size:.95rem}
.fnote{border-top:1px solid #6b4a80;margin-top:26px;padding-top:14px;font-size:.85rem;color:#cbb8da}
#consent{position:fixed;left:0;right:0;bottom:0;z-index:99;background:var(--plum-dark);
  color:#f3eafb;padding:14px 0;display:none}
#consent .wrap{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
#consent p{margin:0;flex:1;min-width:260px;font-size:.93rem}
#consent button{border:0;border-radius:20px;padding:9px 18px;font-weight:600;cursor:pointer}
#consent .ok{background:var(--gold-soft);color:#2c1c07}
#consent .ess{background:transparent;color:#e9dcf2;border:1px solid #9a7ab0}
table.simple{border-collapse:collapse;width:100%;margin:14px 0}
table.simple th,table.simple td{border:1px solid var(--line);padding:8px 12px;text-align:left}
table.simple th{background:#f4ead2}
.tags{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 2px}
.tags span{background:#f4ead2;border:1px solid var(--line);border-radius:13px;
  padding:3px 11px;font-size:.85rem;color:#5b4326;font-weight:600}
.card .tags{margin-top:8px}
.card .tags span{font-size:.78rem;padding:2px 9px}
.guide-links{list-style:none;padding:0;margin:6px 0}
.guide-links li{margin:0 0 8px}
.guide-links a{display:inline-block;background:linear-gradient(150deg,#fffdf8,#f6ecd9);
  border:1px solid var(--line);border-left:4px solid var(--gold-soft);border-radius:10px;
  padding:9px 15px;font-weight:600}
.guide-links a:hover{text-decoration:none;box-shadow:0 4px 12px rgba(64,32,79,.12)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:22px 0 4px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:16px 10px;text-align:center}
.stat b{display:block;font-family:Georgia,serif;font-size:1.85rem;color:var(--plum-dark);line-height:1.1}
.stat span{color:var(--muted);font-size:.9rem}
.chips.plain a{padding:7px 15px}
.toolbox{background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:22px;margin:18px 0}
.toolbox label{font-weight:600;color:var(--plum-dark);display:block;margin:0 0 6px}
.toolbox select{padding:11px 14px;border-radius:10px;border:1.5px solid var(--gold-soft);
  font-size:1rem;background:#fff;margin:0 10px 12px 0;max-width:100%}
.themen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:14px 0}
.themen-btn{background:linear-gradient(150deg,#fffdf8,#f6ecd9);border:1.5px solid var(--line);
  border-radius:14px;padding:16px 18px;text-align:left;cursor:pointer;font:inherit;color:var(--ink)}
.themen-btn b{display:block;font-family:Georgia,serif;color:var(--plum-dark);font-size:1.08rem;margin-bottom:2px}
.themen-btn span{color:var(--muted);font-size:.9rem}
.themen-btn:hover{border-color:var(--gold-soft)}
.themen-btn[aria-pressed="true"]{border-color:var(--gold-soft);background:#f3e7cd;
  box-shadow:0 5px 14px rgba(64,32,79,.13)}
.finder-panel,.gb-panel,.sdm-panel{margin-top:6px}
.hidden{display:none!important}
.result-note{color:var(--muted);font-size:.95rem}
.redaktion{border-left:5px solid var(--plum)}
img{max-width:100%;height:auto}
.stonephoto{width:150px;height:150px;object-fit:cover;border-radius:18px;
  border:1px solid var(--line);box-shadow:0 6px 16px rgba(64,32,79,.14);flex:none;background:#eee}
.sdm .stonephoto{width:104px;height:104px;border-radius:14px}
.btn.alt{background:#fffdf8;color:var(--plum-dark);border:2px solid var(--gold-soft);margin-left:8px}
.themen-btn{min-height:56px}
.toolbox select{min-height:48px}
@media (max-width:480px){
  .chips a{padding:9px 14px 9px 9px}
  .guide-links a{padding:12px 15px}
  .stonephoto{width:104px;height:104px}
  table.simple{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .hbar{gap:8px}
  nav.main a{padding:6px 4px;display:inline-block}
}
.sdm{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.sdm .txt{flex:1;min-width:240px}
.sdm h3{margin:0 0 4px}
.sdm p{margin:0 0 6px;color:#54424f}
@media (max-width:680px){
  .hero{padding:30px 22px}.hero h1{font-size:1.9rem}.hero .gems{display:none}
  .az-list{columns:2}h1.page{font-size:1.75rem}body{font-size:16px}
  .stats{grid-template-columns:repeat(2,1fr)}
  .sdm{gap:12px}
}