fix: <style>-Blöcke aus allen 24 Artikeln entfernt + Skill korrigiert

- 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
2026-07-09 23:30:55 +02:00
parent 9d3461750c
commit 2a06bcaee0
144 changed files with 249452 additions and 9229 deletions
@@ -0,0 +1,126 @@
+/*
+ * 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;
+  }
+}