KORDIAL DESIGN SYSTEM

KNOWLEDGE COMPONENTS LIBRARY

Interne Bibliothek für wiederverwendbare Bausteine in Kordial-Wissensartikeln. Jeder Baustein hat eine Vorschau und einen kopierbaren HTML-Code.

01

HINWEIS

Für ergänzende Informationen, die wichtig sind, aber den Lesefluss nicht unterbrechen sollen.
i
HINWEIS

Die Anforderungen können je nach Bundesland und Gebäudenutzung abweichen.

<div class="kds-box kds-box--info">
  <div class="kds-box__icon">i</div>
  <div>
    <strong class="kds-box__title">HINWEIS</strong>
    <p class="kds-box__text">Die Anforderungen können je nach Bundesland und Gebäudenutzung abweichen.</p>
  </div>
</div>
02

RELEVANTE NORM

Für DIN-, EN- oder gesetzliche Hinweise direkt im Fließtext.
§
RELEVANTE NORM

DIN EN 13501 klassifiziert das Brandverhalten von Bauprodukten und Bauteilen.

<div class="kds-box kds-box--norm">
  <div class="kds-box__icon">§</div>
  <div>
    <strong class="kds-box__title">RELEVANTE NORM</strong>
    <p class="kds-box__text">DIN EN 13501 klassifiziert das Brandverhalten von Bauprodukten und Bauteilen.</p>
  </div>
</div>
03

AUS DER PRAXIS

Für konkrete Planungs- oder Anwendungstipps aus realen Projekten.
AUS DER PRAXIS

Bei Displays in Fluchtwegen müssen Feuerwiderstand, Rauchentwicklung und Materialklassifizierung gemeinsam betrachtet werden.

<div class="kds-box kds-box--praxis">
  <div class="kds-box__icon">✓</div>
  <div>
    <strong class="kds-box__title">AUS DER PRAXIS</strong>
    <p class="kds-box__text">Bei Displays in Fluchtwegen müssen Feuerwiderstand, Rauchentwicklung und Materialklassifizierung gemeinsam betrachtet werden.</p>
  </div>
</div>
04

WICHTIG

Für Warnungen oder Punkte, die der Leser unbedingt beachten muss.
!
WICHTIG

Projektbezogene Anforderungen müssen immer mit den zuständigen Planern und Behörden abgestimmt werden.

<div class="kds-box kds-box--warn">
  <div class="kds-box__icon">!</div>
  <div>
    <strong class="kds-box__title">WICHTIG</strong>
    <p class="kds-box__text">Projektbezogene Anforderungen müssen immer mit den zuständigen Planern und Behörden abgestimmt werden.</p>
  </div>
</div>
05

CHECKLISTE

Für strukturierte Planungs- oder Prüfhinweise.

CHECKLISTE FÜR DIE PLANUNG

  • Gebäudenutzung und Einbauort prüfen

  • Erforderliche Feuerwiderstandsklasse bestimmen

  • Materialklasse und Rauchentwicklung berücksichtigen

<div class="kds-checklist">
  <h3 class="kds-checklist__title">CHECKLISTE FÜR DIE PLANUNG</h3>
  <ul class="kds-checklist__list">
    <li><span>✓</span><p>Gebäudenutzung und Einbauort prüfen</p></li>
    <li><span>✓</span><p>Erforderliche Feuerwiderstandsklasse bestimmen</p></li>
    <li><span>✓</span><p>Materialklasse und Rauchentwicklung berücksichtigen</p></li>
  </ul>
</div>
06

STANDARD-TABELLE

Für Normen, technische Daten und Vergleiche.
Norm Thema Relevanz
DIN 4102 Brandverhalten von Baustoffen und Bauteilen Klassifizierung und Prüfung
DIN EN 13501 Klassifizierung von Bauprodukten Reaktion auf Feuer
<div class="kds-table-wrap">
  <table class="kds-table">
    <thead>
      <tr>
        <th>Norm</th>
        <th>Thema</th>
        <th>Relevanz</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>DIN 4102</td>
        <td>Brandverhalten von Baustoffen und Bauteilen</td>
        <td>Klassifizierung und Prüfung</td>
      </tr>
      <tr>
        <td>DIN EN 13501</td>
        <td>Klassifizierung von Bauprodukten</td>
        <td>Reaktion auf Feuer</td>
      </tr>
    </tbody>
  </table>
</div>
07

VERGLEICH

Für zwei oder drei Optionen, Materialien oder Lösungswege.
OPTION A

STANDARDLÖSUNG

Geeignet für typische Anwendungen mit klar definierten Anforderungen.

OPTION B

SONDERLÖSUNG

Für komplexe Einbausituationen und projektspezifische Anforderungen.

<div class="kds-compare">
  <div class="kds-compare__item">
    <span class="kds-compare__label">OPTION A</span>
    <h3>STANDARDLÖSUNG</h3>
    <p>Geeignet für typische Anwendungen mit klar definierten Anforderungen.</p>
  </div>
  <div class="kds-compare__item">
    <span class="kds-compare__label">OPTION B</span>
    <h3>SONDERLÖSUNG</h3>
    <p>Für komplexe Einbausituationen und projektspezifische Anforderungen.</p>
  </div>
</div>
08

DOWNLOAD

Für PDFs, Datenblätter, Ausschreibungstexte oder Planungshilfen.
PDF
PLANUNGSHILFE BRANDSCHUTZ
PDF · 2,4 MB · Stand 2026
DOWNLOAD
<div class="kds-download">
  <div class="kds-download__icon">PDF</div>
  <div>
    <strong class="kds-download__title">PLANUNGSHILFE BRANDSCHUTZ</strong>
    <div class="kds-download__meta">PDF · 2,4 MB · Stand 2026</div>
  </div>
  <a class="kds-download__button" href="/pfad-zur-datei.pdf">DOWNLOAD</a>
</div>
09

CTA DUNKEL

Für Beratung oder Kontakt mitten im Artikel.
PROJEKTBERATUNG

SIE PLANEN EIN KONKRETES BRANDSCHUTZPROJEKT?

Wir unterstützen Sie bei Auswahl und Planung der passenden Lösung.

PROJEKT BESPRECHEN
<div class="kds-cta">
  <div>
    <span class="kds-cta__eyebrow">PROJEKTBERATUNG</span>
    <h3 class="kds-cta__title">SIE PLANEN EIN KONKRETES BRANDSCHUTZPROJEKT?</h3>
    <p class="kds-cta__text">Wir unterstützen Sie bei Auswahl und Planung der passenden Lösung.</p>
  </div>
  <a class="kds-cta__button" href="/kontakt/">PROJEKT BESPRECHEN</a>
</div>
10

FAQ

Für häufige Fragen am Ende eines Artikels oder Abschnitts.
Welche Feuerwiderstandsklasse ist erforderlich?

Das hängt vom Gebäudetyp, Einbauort und dem jeweiligen Brandschutzkonzept ab.

Welche Normen sind bei der Planung relevant?

Je nach Anwendung können unter anderem DIN 4102 und DIN EN 13501 relevant sein.

<div class="kds-faq">
  <details>
    <summary>Welche Feuerwiderstandsklasse ist erforderlich?</summary>
    <p>Das hängt vom Gebäudetyp, Einbauort und dem jeweiligen Brandschutzkonzept ab.</p>
  </details>
  <details>
    <summary>Welche Normen sind bei der Planung relevant?</summary>
    <p>Je nach Anwendung können unter anderem DIN 4102 und DIN EN 13501 relevant sein.</p>
  </details>
</div>
11

BILD MIT CAPTION

Für Projektbilder, technische Details und Illustrationen.
Beschreibung des Bildes
Abbildung: Beispielhafte Brandschutzlösung im Projekt.
<figure class="kds-figure">
  <img src="https://via.placeholder.com/1200x700" alt="Beschreibung des Bildes">
  <figcaption>Abbildung: Beispielhafte Brandschutzlösung im Projekt.</figcaption>
</figure>
12

QUELLEN & NORMEN

Für Quellenangaben und verwendete Regelwerke.
QUELLEN & NORMEN

DIN 4102 · DIN EN 13501 · Musterbauordnung · jeweilige Landesbauordnung

<div class="kds-source">
  <strong class="kds-source__title">QUELLEN &amp; NORMEN</strong>
  <p>DIN 4102 · DIN EN 13501 · Musterbauordnung · jeweilige Landesbauordnung</p>
</div>
13

WEITERFÜHRENDER LINK

Für interne Verlinkungen auf passende Wissensartikel.
<a class="kds-related" href="/wissen/beispiel-artikel/">
  <span>
    <span class="kds-related__eyebrow">WEITERFÜHRENDES WISSEN</span>
    <strong class="kds-related__title">Materialklasse A1: Was bedeutet nicht brennbar?</strong>
  </span>
  <span class="kds-related__arrow">→</span>
</a>
14

ZAHLEN / FAKTEN

Für drei kompakte Kennzahlen oder Kernaussagen.
30 MIN.FEUERWIDERSTAND
A1NICHT BRENNBAR
DIN ENKLASSIFIZIERUNG
<div class="kds-stats">
  <div><strong>30 MIN.</strong><span>FEUERWIDERSTAND</span></div>
  <div><strong>A1</strong><span>NICHT BRENNBAR</span></div>
  <div><strong>DIN EN</strong><span>KLASSIFIZIERUNG</span></div>
</div>
15

PROZESS

Für Planungs- oder Projektabläufe in wenigen Schritten.
01ANFORDERUNGEN PRÜFEN

Gebäude, Nutzung und Einbauort analysieren.

02LÖSUNG DEFINIEREN

Feuerwiderstand, Material und Technik festlegen.

03UMSETZUNG PLANEN

Details abstimmen und fachgerecht integrieren.

<div class="kds-process">
  <div><span>01</span><strong>ANFORDERUNGEN PRÜFEN</strong><p>Gebäude, Nutzung und Einbauort analysieren.</p></div>
  <div><span>02</span><strong>LÖSUNG DEFINIEREN</strong><p>Feuerwiderstand, Material und Technik festlegen.</p></div>
  <div><span>03</span><strong>UMSETZUNG PLANEN</strong><p>Details abstimmen und fachgerecht integrieren.</p></div>
</div>