Hermes Agent
2a06bcaee0
- artikel_*.html: 24 Dateien von <style>-Blöcken befreit (body, max-width zerstören Joomla) - journalistic-article-writing SKILL.md: falsche 'AUSNAHME 09.07.' entfernt - Ursache: Skill-Kommentar erlaubte Sub-Agenten <style> 'für Vorschau' — kein Gatekeeper existiert
127 lines
2.3 KiB
CSS
127 lines
2.3 KiB
CSS
/*
|
|
* BSN Fakten-Box — Quick Facts + Detailliste, Akzentfarbe #20228b
|
|
* ===============================================================
|
|
* VÖLLIG AUTARK — keine var()-Abhängigkeiten, keine externen Variablen.
|
|
* Einfügen in: Astroid → Custom Code → Custom CSS
|
|
*/
|
|
|
|
.bsn-facts {
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
background: #fff;
|
|
border: 1px solid #d8daf1;
|
|
border-radius: 14px;
|
|
padding: 22px 24px;
|
|
margin: 1.5rem 0;
|
|
font-size: 0.95rem;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.bsn-facts__header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.bsn-facts__title {
|
|
font-size: 1.1rem;
|
|
font-weight: 600;
|
|
color: #1a1c6e;
|
|
margin: 0;
|
|
}
|
|
|
|
/* Quick-Fact-Kacheln */
|
|
.bsn-facts__grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
gap: 10px;
|
|
margin-bottom: 18px;
|
|
}
|
|
|
|
.bsn-facts__tile {
|
|
background: #ecedf9;
|
|
border-radius: 10px;
|
|
padding: 13px 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.bsn-facts__tile i {
|
|
color: #20228b;
|
|
font-size: 1.1rem;
|
|
}
|
|
|
|
.bsn-facts__tile-value {
|
|
font-size: 1rem;
|
|
font-weight: 600;
|
|
color: #1a1c6e;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.bsn-facts__tile-label {
|
|
font-size: 0.72rem;
|
|
color: #4b4da5;
|
|
}
|
|
|
|
/* Detailliste — ersetzt <dl>/<dt>/<dd> durch div-basierte Reihen */
|
|
.bsn-facts__row {
|
|
display: flex !important;
|
|
justify-content: space-between !important;
|
|
gap: 16px;
|
|
padding: 8px 2px;
|
|
border-bottom: 1px solid #ecedf9;
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.bsn-facts__row:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.bsn-facts__label {
|
|
color: #4b4da5;
|
|
font-weight: 600;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.bsn-facts__value {
|
|
color: #444;
|
|
text-align: right;
|
|
}
|
|
|
|
/* Mechanik-Pills */
|
|
.bsn-facts__tags {
|
|
margin-top: 14px;
|
|
}
|
|
|
|
.bsn-facts__tags-label {
|
|
font-size: 0.78rem;
|
|
color: #4b4da5;
|
|
font-weight: 600;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.bsn-facts__tag {
|
|
display: inline-block;
|
|
font-size: 0.78rem;
|
|
background: #ecedf9;
|
|
color: #20228b;
|
|
padding: 3px 12px;
|
|
border-radius: 999px;
|
|
margin: 3px 3px 0 0;
|
|
}
|
|
|
|
@media (max-width: 575.98px) {
|
|
.bsn-facts {
|
|
padding: 18px 16px;
|
|
}
|
|
.bsn-facts__grid {
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
}
|
|
.bsn-facts__row {
|
|
flex-direction: column !important;
|
|
gap: 1px;
|
|
}
|
|
.bsn-facts__value {
|
|
text-align: left;
|
|
}
|
|
}
|