/* sacharchiv.de Stil – minimal, sauber, Präfix dsx */
body {
font-family: system-ui, -apple-system, ‚Segoe UI‘, Roboto, ‚Helvetica Neue‘, sans-serif;
background: #faf9f8;
margin: 0;
padding: 2rem 1rem;
display: flex;
flex-direction: column;
align-items: center;
}
.sac-container {
max-width: 1000px;
width: 100%;
background: white;
border-radius: 24px;
box-shadow: 0 8px 24px rgba(0,0,0,0.04);
padding: 2rem 2rem 2.5rem;
}
/* alle sac-* klassen */
.sac-hero { margin-bottom: 2.5rem; }
.sac-hero h1 {
font-size: 2.8rem;
font-weight: 600;
letter-spacing: -0.02em;
margin: 0 0 0.25rem 0;
color: #111;
}
.sac-hero .sub {
font-size: 1.1rem;
color: #555;
border-left: 4px solid #d4a373;
padding-left: 1rem;
margin-top: 0.25rem;
}
.sac-sec-syn, .sac-sec-kw, .sac-faq, .sac-sources, .sac-related {
margin-top: 2.8rem;
scroll-margin-top: 1rem;
}
.sac-sec-syn h2, .sac-sec-kw h2, .sac-faq h2, .sac-sources h2, .sac-related h2 {
font-size: 1.6rem;
font-weight: 500;
border-bottom: 2px solid #eae7e2;
padding-bottom: 0.5rem;
margin-bottom: 1.5rem;
color: #1e1e1e;
display: flex;
align-items: center;
gap: 0.5rem;
}
.sac-sec-syn h2::before { content: „↔“; font-weight: 300; color: #b07d5e; }
.sac-sec-kw h2::before { content: „▦“; font-weight: 300; color: #b07d5e; }
.sac-faq h2::before { content: „❓“; font-weight: 300; color: #b07d5e; }
.sac-sources h2::before { content: „📄“; font-weight: 300; color: #b07d5e; }
.sac-related h2::before { content: „🔗“; font-weight: 300; color: #b07d5e; }

/* Synonyme – kompakte Liste */
.syn-list {
display: flex;
flex-wrap: wrap;
gap: 0.6rem 1rem;
list-style: none;
padding: 0;
margin: 0;
}
.syn-list li {
background: #f3f0ec;
padding: 0.3rem 1rem;
border-radius: 40px;
font-size: 1rem;
color: #2c2c2c;
}

/* Bedeutung (einfach) */
.bedeutung-block {
background: #f8f6f3;
padding: 1.2rem 1.8rem;
border-radius: 20px;
margin: 1.2rem 0 0.5rem;
line-height: 1.6;
color: #1f1f1f;
}
.bedeutung-block strong {
font-weight: 600;
color: #7f5a3e;
}

/* Kreuzwort-Tabelle */
.sac-kw-row {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0.75rem 1.5rem;
padding: 0.75rem 0;
border-bottom: 1px solid #e8e3dd;
align-items: baseline;
}
.sac-kw-row:first-of-type {
border-top: 2px solid #d4c9bd;
}
.sac-kw-row .kw-frage {
font-weight: 500;
color: #1f1f1f;
}
.sac-kw-row .kw-laenge {
color: #5f5f5f;
font-size: 0.9rem;
text-align: center;
}
.sac-kw-row .kw-antw {
font-weight: 500;
color: #3f2e1f;
letter-spacing: 0.02em;
}
.sac-kw-row .kw-antw::before {
content: „→ „;
color: #b07d5e;
font-weight: 400;
}

/* FAQ */
.faq-item {
margin-bottom: 1.2rem;
}
.faq-q {
font-weight: 600;
color: #2b2b2b;
margin-bottom: 0.2rem;
}
.faq-a {
padding-left: 1.2rem;
color: #3e3e3e;
border-left: 3px solid #ddd6ce;
}

/* Quellen */
.sac-sources ul {
list-style: none;
padding: 0;
}
.sac-sources li {
padding: 0.3rem 0;
border-bottom: 1px dashed #e0d9d1;
display: flex;
gap: 0.75rem;
}
.sac-sources li::before {
content: „•“;
color: #b07d5e;
font-weight: bold;
}

/* Verwandt – horizontale Liste mit href */
.related-list {
display: flex;
flex-wrap: wrap;
gap: 0.8rem 1.5rem;
list-style: none;
padding: 0;
margin: 0;
}
.related-list li a {
text-decoration: none;
background: #f0ece7;
padding: 0.3rem 1.2rem;
border-radius: 40px;
color: #2b2b2b;
font-weight: 450;
transition: background 0.15s;
}
.related-list li a:hover {
background: #dacfc4;
}

/* kleine Helfer */
.mt-1 { margin-top: 0.5rem; }
.mb-0 { margin-bottom: 0; }
.text-muted { color: #6b6b6b; }
hr { border: none; border-top: 1px solid #ece7e1; margin: 1.8rem 0; }