/* wirtschaftsquelle.de – wir-Präfix */
body {
font-family: ‚Segoe UI‘, ‚Helvetica Neue‘, Arial, sans-serif;
background: #f4f7fc;
margin: 0;
padding: 2rem 1rem;
display: flex;
flex-direction: column;
align-items: center;
}
.wir-lexikon {
max-width: 1000px;
width: 100%;
background: white;
border-radius: 28px;
box-shadow: 0 12px 30px rgba(0,0,0,0.06);
padding: 2rem 2rem 2.5rem;
transition: all 0.1s ease;
}
/* Überschriften, Abstände, Konsistenz */
.wir-lexikon h2, .wir-lexikon h3 {
font-weight: 500;
letter-spacing: -0.02em;
margin: 0 0 0.75rem 0;
color: #1a2634;
}
.wir-lexikon h2 {
font-size: 1.8rem;
border-bottom: 2px solid #e9edf4;
padding-bottom: 0.4rem;
}
.wir-lexikon h3 {
font-size: 1.3rem;
margin-top: 0.25rem;
}
/* Hero */
.wir-hero {
background: linear-gradient(145deg, #f0f5fe 0%, #e6edf8 100%);
border-radius: 24px;
padding: 1.8rem 2rem;
margin-bottom: 2.2rem;
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
}
.wir-hero h1 {
font-size: 2.8rem;
font-weight: 600;
margin: 0;
color: #0b1a2b;
letter-spacing: -0.03em;
}
.wir-hero .wir-lemma-meta {
color: #3d4e66;
background: rgba(255,255,255,0.5);
padding: 0.3rem 1rem;
border-radius: 40px;
font-size: 0.95rem;
backdrop-filter: blur(2px);
}
/* Bedeutung / Sektionen */
.wir-sec-syn, .wir-sec-kw, .wir-faq, .wir-sources, .wir-related {
margin-top: 2.4rem;
}
.wir-sec-syn {
margin-top: 0.5rem;
}
.wir-syn-list {
display: flex;
flex-wrap: wrap;
gap: 0.6rem 0.8rem;
padding: 0.2rem 0 0.2rem 0;
}
.wir-syn-item {
background: #eef3fa;
padding: 0.3rem 1rem 0.4rem 1rem;
border-radius: 40px;
font-size: 1rem;
color: #1f2c3d;
border: 1px solid #dce3ed;
}
/* Kreuzwort-Tabelle */
.wir-kw-row {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 0.5rem 1rem;
padding: 0.7rem 0.8rem;
border-bottom: 1px solid #e2e9f2;
align-items: baseline;
}
.wir-kw-row:first-of-type {
border-top: 2px solid #d0dae8;
}
.wir-kw-row:nth-child(even) {
background: #fafcff;
}
.wir-kw-row span {
color: #1f2e41;
font-size: 0.98rem;
}
.wir-kw-row .wir-kw-buchstabe {
font-weight: 500;
color: #2a4a6b;
}
.wir-kw-row .wir-kw-laenge {
color: #4f657f;
font-size: 0.9rem;
}
.wir-kw-row .wir-kw-hinweis {
color: #1f2c3d;
}
/* FAQ */
.wir-faq details {
background: #f6f9fe;
border-radius: 18px;
padding: 0.8rem 1.5rem;
margin-bottom: 0.7rem;
border: 1px solid #dee7f2;
}
.wir-faq details[open] {
background: #f1f6fd;
}
.wir-faq summary {
font-weight: 500;
cursor: pointer;
color: #162433;
padding: 0.3rem 0;
}
.wir-faq .wir-answer {
margin: 0.7rem 0 0.3rem 0;
color: #1f3247;
line-height: 1.5;
}
/* Quellen */
.wir-sources ul {
list-style: none;
padding: 0;
margin: 0.5rem 0 0 0;
}
.wir-sources li {
padding: 0.4rem 0.8rem;
border-left: 4px solid #bccbde;
margin-bottom: 0.4rem;
background: #f8faff;
border-radius: 0 12px 12px 0;
}
.wir-sources li a {
color: #1a4b77;
text-decoration: none;
font-weight: 450;
}
.wir-sources li a:hover {
text-decoration: underline;
}
/* Verwandt */
.wir-related {
background: #f3f7fd;
border-radius: 24px;
padding: 1.5rem 2rem;
}
.wir-related h3 {
margin-top: 0;
}
.wir-related-grid {
display: flex;
flex-wrap: wrap;
gap: 0.6rem 1rem;
margin-top: 0.6rem;
}
.wir-related-grid a {
background: white;
padding: 0.4rem 1.2rem;
border-radius: 40px;
border: 1px solid #d1dceb;
color: #1a3d5e;
text-decoration: none;
font-weight: 450;
transition: 0.1s;
}
.wir-related-grid a:hover {
background: #e3edfa;
border-color: #8ba9cc;
}
/* kleine Helfer */
.wir-label {
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.04em;
color: #4b627c;
margin-right: 0.5rem;
}
.wir-footnote {
margin-top: 1.8rem;
text-align: right;
font-size: 0.85rem;
color: #6b7f99;
border-top: 1px solid #e2eaf3;
padding-top: 1rem;
}
.wir-footnote a {
color: #1a4b77;
text-decoration: none;
}
@media (max-width: 600px) {
.wir-lexikon { padding: 1.2rem; }
.wir-kw-row { grid-template-columns: 1fr 1fr; gap: 0.25rem; }
.wir-hero { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
}