roebe 0.5.187

data/lib/roebe/www/chemistry/chemistry.rb

@@ -0,0 +1,1961 @@
+english('Chemistry') {
+created_on '16.03.2023' # Thursday.
+autoextend
+default_template '
+
+a:link        { color: #3C9C23; }
+a:visited     { color: #3C9C23; }
+a:hover       { color: #62F962; }
+a:active      { color: #98FB98; }
+a {
+  text-decoration: none;
+}
+
+h1 {
+  font-size:     2.5em;
+  line-height:   1.25em;
+  margin-bottom: 0.1em;
+  font-family:   "Helvetica Neue", Arial, Helvetica, sans-serif;
+  font-weight:   700;
+}
+
+h2 {
+  color: lightblue;
+  margin-top:    5px;
+  margin-bottom: 0.8em;
+}
+
+h4 {
+  margin-bottom: 1px;
+}
+
+pre {
+  font-size:1.3em;
+}
+
+p {
+  margin:   4px;
+  padding: 12px;
+}
+
+p.default {
+  margin-top: 1em;
+}
+
+div.default {
+  padding:         10px;
+  padding-left:   0.8em;
+  padding-right:  0.8em;
+  padding-top:    0.65em;
+  margin-bottom:    2px;
+  margin-top:       2px;
+  border:           2px dotted lightblue;
+  border-radius:   10px; 
+}
+
+#header h1 {
+  line-height: 2em;
+  height:   2.5em;
+}
+
+#header {
+  padding: 5px;
+  border-bottom: 2px solid #AAA;
+  background:    #555 no-repeat 100% 5px fixed;
+}
+
+.alternative {
+  font-family: "Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif;
+  font-style:  italic;
+  font-weight: normal;
+}
+
+'
+favicon 'science/STRATEGEME/STRATEGEME_FAVICON.png'
+body_css_class 'mar0 pad0px BG_Black White VERDANAs'
+body_css_style 'width: 100%'
+default_font_size_and_hyperlinks
+
+append_to_cmd 'gold'
+
+@counter_n_aufgaben = 0
+# =========================================================================== #
+# === aufgabe
+# =========================================================================== #
+def aufgabe(i)
+  @counter_n_aufgaben += 1
+  e '<b>'+@counter_n_aufgaben.to_s+')</b> '+i
+end
+
+doc_smaller_width('mar0px BG_Black',
+    '','padding: 0.0em;') {
+  # =========================================================================== #
+  # === The main header (aka internal title)
+  # =========================================================================== #
+  h1 'Chemistry',
+     'mart0px alternative',
+     'header',
+     'color:        palegreen;
+      font-weight:  bold;
+      font-size:    100px;
+      padding:       5px;
+      border:        2px dotted gold;
+      padding-left:   10%;
+      margin-bottom: 5px;'
+  div('mart10px') {
+    dimg2('science/PERIODIC_ELEMENTS.png',
+          'https://pubchem.ncbi.nlm.nih.gov/periodic-table/Periodic_Table.png',
+          'marl5em mart1px')
+    br
+    dimg('science/PERIODIC_ELEMENTS_ACCURATE.png','mars1em')
+    dimg('science/chemistry/CHEMICAL_BONDS.png',
+         'round_black2 mars2em')
+  }
+  # ========================================================================= #
+  # === Normalität tag
+  # ========================================================================= #
+  fancy2 'Normalität',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default(id: 'Normalität') {
+    p_default_le {
+      e 'Die Normalität ist ein veralteter Begriff. Dennoch wird hier
+      ein Beispiel gerechnet.'
+      br
+      e 'Wie groß ist die Normalität einer Salzsäure-Lösung, zu deren
+      Herstellung 27,8 Liter gasförmiges HCl (Molmasse: 36,4) in 86 g
+      Wasser gelöst wurde?','gold'
+      br
+      e 'Zuerst müssen wir herausfinden wieviel Mole wir haben, pro Liter.'
+      br
+      cmd '27.8 Liter sind ... 27,8 / 22,4 = 1,241 Mol'
+      br
+      cmd '1,241 Mol * 36,453 gramm/Mol = 45,238 g'
+      br
+      e 'Gesamtmasse der Lösung: 48,238 + 86 gramm = 131,238 g'
+      br
+      e 'Massenprozent HCl: 45.238 * 100 / 131.238 = 34.47%'
+      br
+      e 'Die Dichte beträgt nach der Faustregel 1,17 (34,4 / 2 = 17,2,
+      die ersten Dezimalstellen sind 17).'
+      br
+      e 'Das Volumen ist: V = M / D, also 131,238 / 1,17 = 112ml'
+      br
+      e 'Die Lösung enthält also 1,241 Mol HCl in 112 ml; dies
+      entspricht einer Molarität = Normalität (ÄQuivaneltnzahl = 1) von
+      1,241 : 112 x 1000 = 11,08'
+    }
+  }
+  # ========================================================================= #
+  # === Molalität tag
+  # ========================================================================= #
+  fancy2 'Molalität',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le(id: 'Molalität') {
+    p_default_le {
+      e 'Die Molalität ist definiert als Quotient aus:'
+      br
+      cmd 'der Stoffmenge n des betrachteten gelösten Stoffes i'
+      cmd 'der Masse mj des Lösungsmittels j'
+      br
+      cmd ' b i = n i *  m j'
+      br
+      e 'Die Einheiten sind somit: 
+      <b class="lightgreen">[mol/kg Lösungsmittel]</b>'
+    }
+  }
+  # ========================================================================= #
+  # === Das Löslichkeitsprodukt
+  # ========================================================================= #
+  # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#löslichkeitsprodukt
+  # ========================================================================= #
+  fancy2 'Das Löslichkeitsprodukt',
+           'on_hover_grow marl1em lightblue'
+  div_default_le(id: 'löslichkeitsprodukt') {
+    e 'Folgender Absatz zeigt auf, wie <b class="gold">das Löslichkeitsprodukt
+    berechnet</b> werden kann.'
+    br
+    e 'Das heterogene Gleichgewicht zwischen einer gesättigten Lösung eines
+    Salzes und dessen festen Bodenkörper wird durch das Löslichkeitsprodukt
+    beschrieben.'
+    br
+    e 'Verschiedene (Fest)Stoffe sind "unterschiedlich gut" löslich.' 
+    br
+    e 'Die Gleichgewichtsreaktion bei einem <b>Lösungsvorgang</b> kann
+    allgemein wie folgt formuliert werden:'
+    br
+    mathml('marl2em') {
+      '<mrow>
+      <msup>
+      <mtext>A</mtext>
+      <mtext>+</mtext>
+      </msup>
+      <msup>
+      <mtext>B</mtext>
+      <mtext>-</mtext>
+      </msup>
+      <mo stretchy="false">(</mo>
+      <mtext>s)</mtext>
+      <mo><-→</mo>
+      <msup>
+      <mtext>A</mtext>
+      <mtext>+</mtext>
+      </msup>
+      <mo stretchy="false">(</mo>
+      <msup>
+      <mrow>
+      <mtext>aq) + B</mtext>
+      </mrow>
+      <mtext>-</mtext>
+      </msup>
+      <mo stretchy="false">(</mo>
+      <mtext>aq)</mtext>
+      </mrow>'
+    }
+    brbr
+    e 'Kommen wir nun zu einem konkreten Beispiel wie das Löslichkeitsprodukt
+    berechnet wird.'
+    br
+    e 'Gegeben sei ein <b>Behälter</b>, der mit <b>Stickstoff</b> und
+    <b>Wasserstoff</b> befüllt wird. Im Gleichgewicht findet man eine
+    Ammoniak-Konzentration von 0.150 M vor, die Stickstoff- und
+    Wasserstoffkonzentrationen betragen 0.425 M bzw. 0.575 M. Berechne
+    die Gleichgewichtskonstante Kc.'
+    br
+    e 'Wir erstellen zuerst die Gleichgewichtsreaktion:'
+    br
+    cmd '  N₂(g) + 3 H₂ (g) → 2 NH₃ (g)'
+    br
+    e 'Kc ist dann: [NH₃]² / [N₂] * [H₂]³'
+    br
+    e 'Nun die Werte einsetzen:'
+    br
+    cmd '  [0.150M]² / [0.425M] * [0.575M]³ =','gold BOLD'
+    cmd '  0.0225 M² / 0.425M * 0.1901M³ =','gold BOLD'
+    cmd '  0.0225 / 0.425 * 0.1901M⁻² = <b>0.2785 * M⁻²</b>','gold BOLD'
+    br
+    e 'Sehen wir ein weiteres Beispiel an:'
+    br
+    p_default_le {
+      e 'Berechne die Gleichgewichtskonstanten Kp und Kx für die <b>Bildung
+      von Schwefeltrioxid</b> bei 1000K. Die Gleichgewichtsdrücke liegen
+      bei pSO₃ = 0.2 bar, pSO₂ = 0.3 bar und pO₂ = 0.13 bar.'
+      br
+      e 'Wir erstellen zuerst die Gleichung.'
+      br
+      cmd '  2 SO₂ + O₂ → 2 SO₃'
+      br
+      e 'Die <b>Gleichgewichtskonstante</b> ist:'
+      br
+      cmd '  [SO₃]² / ([SO₂]² * [O₂])'
+      br
+      e 'Wir berechnen den Gesamtdruck:'
+      br
+      cmd 'P = 0.2 bar + 0.3 bar + 0.13 bar = <b>0.63 bar</b>'
+      br
+      e 'Ausgehend von dem Gesamtdruck können wir nun den 
+      jeweiligen Anteil der Partialdrücke berechnen.'
+      br
+      cmd '  xSO₃ = pSO₃ / P = 0.2 bar / 0.63 bar = 0.317'
+      cmd '  xSO₂ = pSO₂ / P = 0.3 bar / 0.63 bar = 0.476'
+      cmd '  xO₂  = pO₂₃ / P = 0.13 bar / 0.63 bar = 0.206'
+      br
+      e 'Nun da die einzelnen Anteile bekannt sind kann 
+      Kp berechnet werden.'
+      br
+      cmd 'Kp = (pSO₃)² / ((pSO₂)² * (pO₂)) = 0.2² / (0.3)² * 013
+      = 3.418 bar⁻¹'
+      br
+      cmd 'Kx = (xSO₃)² / ((xSO₂)² * xO₂) = 0.317² / (0.476² * 0.206) =
+      2.153'
+    }
+  }
+  # ========================================================================= #
+  # === Reaktion: Ammoniak und Salzsäure tag
+  # ========================================================================= #
+  # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#reaktion_ammoniak_und_salzs%C3%A4ure
+  # ========================================================================= #
+  fancy2 'Reaktion: Ammoniak und Salzsäure'
+  div_default(id: 'aspirin') {
+    p_default_le {
+      e 'Ammoniak ist NH₃. Salzsäure ist HCl. Wir haben es hierbei somit
+      um eine Säurekatalyse zu tun, bei dem der
+      Feststoff Ammoniumchlorid (NH₄Cl) entsteht.'
+      br
+      e 'Ammoniumchlorid bildet ein weißes Salz (als Niederschlag)
+      aus, in Form von kubischen Kristallen.'
+      br
+      e 'Formel:'
+      br
+      cmd '  NH₃ + HCl ⇋ NH₄Cl','gold'
+    }
+  }
+  # ========================================================================= #
+  # === Die Molmasse
+  # ========================================================================= #
+  # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#molmasse
+  # ========================================================================= #
+  fancy2 'Die Molmasse',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le(id: 'molmasse') {
+    e 'Die Formel hierzu ist: <b class="gold">n = m / M</b>'
+    br
+    dimg 'science/chemistry/MOL_MASS_FORMULA.png',
+         'mars8em'
+    brbr
+    e 'Betrachtet wir hierzu nun ein konkretes 
+    <b class="italic lightblue">Rechenbeispiel</b>.'
+    br
+    e 'Gegeben sei folgende Fragestellung:'
+    br
+    e rarrow+' Welche Stoffmenge ist in <b class="gold">5 ml Ethanol</b>
+    (Formel C₂H₆O) enthalten? Molmassen C:12,01 g/mol; H: 1,00
+    g/mol; O: 16,00 g/mol; Dichte 789 kg/m³','mars2em'
+    br
+    e 'Zuerst müssen wir herausfinden wie viel Gramm Ethanol in
+    5 ml Ethanol vorhanden sind. Bei einer Dichte von 789 kg/m3,
+    mit der Formel für Dichte = Masse / Volumen erhalten wir:'
+    br
+    cmd '  p = M / V → M = V*p = 0.005 L * 789 kg / m3 = 
+    3.945 g, gerundet auf <b>3.95g</b>.'
+    br
+    e 'Nun berechnen wir die Molmasse. Wir haben in der
+    Summenformel: <b class="gold">C₂H₆O</b>. Dies sind:
+    24 + 6 + 16, also 46 gramm pro mol. Die Formel
+    basiert nun auf: n = m / M; umgeformt zu: M = m/n.'
+    br
+    cmd 'M = 3.95 g / 46.02 g/mol ergibt, in mol, <b>0.086 mol</b>.
+    In mMol: <b>86</b>.'
+    br
+    e 'Sehen wir ein weiteres Rechenbeispiel an.'
+    br
+    e 'Wieviel Mol sind in 360.36 g Glucose enthalten?'
+    br
+    e 'Formel: n = m / M; m = 360.36g, Glucose hat die Summenformel
+    C6H12O6 aka M = 180.155, ergibt:'
+    br
+    cmd '  360.36 g / 180.155 g = 2 mol'
+    br
+  }
+  # ========================================================================= #
+  # === Massenanteil tag
+  #
+  # Alles über Massenanteile.
+  # ========================================================================= #
+  fancy2 'Massenanteil',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default(id: 'massenanteil') {
+    p_default_le {
+      e 'Der <b>Massenanteil</b> (Formelzeichen: ω oder y) einer Komponente
+      an einem Stoffgemisch ist die relative Masse dieser Komponente
+      an der Gesamtmasse des Stoffgemisches.'
+      br
+      e 'Berechnet wird der Massenanteil über den Bruch aus der
+      Masse der Komponente durch die Gesamtmasse des
+      Stoffgemisches.'
+      br
+      e 'Beträgt der Massenanteil 1 so liegt die entsprechende Komponente
+      in Reinform vor.'
+      br
+      e 'Beträgt der Massenanteil 0, so ist diese Komponente
+      nicht im Gemisch enthalten.'
+      br
+      e 'Haben wir zum Beispiel eine Angabe wie <b>w = 0,03</b>
+      so bedeutet dies einen Massenanteil von 3 Prozent.'
+      br
+      e 'Haben wir eine K₂SO4 Lösung so bedeutet ein Massenanteil von
+      3% - also 3g K₂SO4 die sich in 100 g Lösung befinden.'
+      br
+      e 'w = 24% heisst (Gewichtsprozent/Massenprozent)'
+      br
+      ee 'Sehen wir nun ein Beispiel an.' 
+    }
+    p_default_le {
+      e 'Gegeben sei eine Lösung die 2,5 g NaCl + 13,5 g Wasser
+      enthält. Berechnen sie den <b>Massenanteil</b> (Massenbruch).'
+      br
+      e 'Wir erweitern auf 100 Gramm. Also, 16 gramm zu 100
+      wären 100 / 16.0 => 6.25, also in 100 Gramm finden wir:
+      6.25 * 2.5 g NaCL => 15.625 g NaCl. Massenanteil von
+      NaCl ist daher 15.626 Gramm (15.6%).'
+    }
+  }
+  # ========================================================================= #
+  # === Sulfid
+  # ========================================================================= #
+  fancy2 'Sulfid',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    p_default_le {
+      e 'Sulfid: HS<sup>-</sup>'
+      br
+      e '<b>Beta Mercaptoethanol</b> - reduziert Disulfidbrücken'
+    }
+  }
+  # ========================================================================= #
+  # === Pestizid tag
+  # ========================================================================= #
+  fancy2 'Pestizide',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    p_default_le {
+      e 'Die Haupttodesursache bei Adlern ist Gift, in erster Linie das Pestizid
+      und Insektengift <b>Carbofuran</b>, das mit dem Köder behandelt wird.'
+      br
+      e '<b>Carbofuran</b> gehört zur Stoffgruppe der Carbamate.'
+      br
+      e 'Summenformel: C<sub>12</sub>H<sub>15</sub>NO<sub>3</sub>'
+    }   
+  }
+  # ========================================================================= #
+  # === Alkansäuren.
+  # ========================================================================= #
+  # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#alkans%C3%A4uren
+  # ========================================================================= #
+  fancy2 'Alkansäuren',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    p_default_le {
+      dimg 'science/chemistry/ALKAN_SAUREN.jpg',
+           'mars3em'
+      brbr
+      abr 'https://www.seilnacht.com/Lexikon/carbons.html',
+          content: 'Guter Link zu Carbonsäuren',
+          css_class: 'mars3em BOLD'
+    }
+  }
+  # ========================================================================= #
+  # === Gase
+  # ========================================================================= #
+  # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#gase
+  # ========================================================================= #
+  fancy2 'Gase',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default(id: 'gase') {
+    p_default_le {
+      e "Das <b class=\"gold\">Gay-Lussac'sche Gesetz für Gase</b>:"
+      br
+      bruch '<b class="marl2em">V₁</b>','<b>T₁</b>'
+      ee '<b>=</b>'
+      bruch '<b>V₁</b>','<b>T₁</b>'
+    }
+    # ======================================================================= #
+    # === Die allgemeine Gasgleichung
+    # ======================================================================= #
+    # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#die_allgemeine_gasgleichung
+    # ======================================================================= #
+    p_default_le(id: 'die_allgemeine_gasgleichung') {
+      e 'Die allgemeine Gasgleichung:'
+      br
+      cmd '  p = n * R * T / V'
+      br
+      # ===================================================================== #
+      # === Aufgabe 1
+      # ===================================================================== #
+      boldbr 'Übungsbeispiel #1 zu Gasen','lightgreen'
+      br
+      e 'Berechne den Druck im Inneren einer Fernsehröhre. Gegeben sind
+      das Volumen mit 5 L, die Temperatur mit 23 °C und eine Füllung
+      von 0,010 mg Stickstoff.'
+      br
+      e 'Wie gehen wir vor?'
+      br
+      e 'Zuerst rechnen wir um:'
+      br
+      cmd '  T = 23°C + 273.15 K = 296.15°K'
+      cmd '  n = m/M = 0.010 * 10⁻³ * g / 28.02 g * mol⁻¹ = 
+      0.00035688793718772306 * mol⁻¹ = 3.57 * 10⁻⁷ * mol =
+      <b>3.57 * 10⁻⁷ * mol</b>'
+      br
+      e 'Da wir nun <b>n</b> kennen, können wir direkt in die allgemeine
+      Gasgleichung einsetzen.'
+      br
+      e 'Wir verwenden SI-Einheiten. Gesucht ist der Druck <b>p</b>:'
+      br
+      cmd '  p = n ∙ R ∙ T / V = 
+      3.57 * 10⁻⁷ * mol * 8.314 * J * K⁻¹ * mol⁻¹ * 296.15K = 
+      29.68 * 10⁻⁷ * J * 296.15 = 
+      8790.02 * 10⁻⁷ * J / 5 ∙ 10⁻³ m³ = 
+      1758* 10⁻⁷ * J / 10⁻³ m³ = 
+      1758/10000 * J / m³ = 
+      1758/10000 * J / m³ = 0.1758 Pa'
+      br
+      anm 'Pascal ist äquivalent zu <b>Joule pro Kubikmeter</b>.'
+    }
+    # ======================================================================= #
+    # === Aufgabe 2
+    # ======================================================================= #
+    boldbr 'Übungsbeispiel #2 zu Gasen','lightgreen'
+    p_default_le {
+      aufgabe 'Eine bestimmte Gasmenge nimmt bei 0,95 bar und 25°C ein
+      Volumen von 1100ml ein. Welche Menge (in Mol) liegt vor?'
+      br
+      e 'Wir rechnen zuerst um in <b>SI Einheiten</b>, also:'
+      br
+      e 'Volumen (V) = 1,1 L = 0,0011 m³'
+      e 'Druck (p) = 95000 Pascal'
+      e 'Temperatur (T) = 298,15 ° Celsius'
+      br
+      e 'Allgemeine Formel für Gase: p*V = n * R * T'
+      br
+      e 'Also:  n = p * V / R * T'
+      br
+      e 'n = 95000 Pascal * 0.0011 m³ / (8.31 * 298,15 ) # => 0.04218'
+    }
+    # ======================================================================= #
+    # === Aufgabe 3
+    # ======================================================================= #
+    boldbr 'Übungsbeispiel #3 zu Gasen','lightgreen'
+    p_default_le {
+      aufgabe 'Welches Volumen nimmt das Gas aus Beispiel 1 ein, wenn es
+      bei unveränderter Temperatur auf 100 Torr entspannt wird?'
+      br
+      e 'Berechnen wir mal 100 Torr in Pascal: 13332,2 Pascal.'
+      br
+      e 'Bekannt ist:'
+      br
+      e 'V1 = 0,0011 m³'
+      e 'V2 = gesucht'
+      e 'p1 = 95000 Pascal'
+      e 'p2 = 13332,2 Pascal'
+      br
+      e 'Wir verwenden einfach die allgemeine Gasformel wieder:'
+      br
+      e '  p * V = n * R * T'
+      br
+      e 'V = n * R * T / p = 0.04218 * 8.31 * 298 / 13332 =
+      0.0078 m³ = 7,84 Liter'
+      br
+      e "Allerdings geht es auch über das Boyle-Mariotte'sche Gesetz:"
+      br
+      boldbr '  p1 * V1 = p2 * V2','gold'
+      br
+    }
+    # ======================================================================= #
+    # === Aufgabe 4
+    # ======================================================================= #
+    boldbr 'Übungsbeispiel #4 zu Gasen','lightgreen'
+    p_default_le {
+      aufgabe 'Welcher Druck stellt sich ein, wenn die vorliegende Gasmenge
+      (aus dem vorigen Beispiel) bei gleichbleibendem Volumen auf 120°C
+      erhitzt wird?'
+      br
+      cmd '  p1 / T1 = p2 / T2'
+      br
+      e 'p2 = p1 * T2 / T1 = 95000 * 393 / 298 = 125285 Pa = 1.25285 bar'
+    }
+    # ======================================================================= #
+    # === Aufgabe 5
+    # ======================================================================= #
+    boldbr 'Übungsbeispiel #5 zu Gasen','lightgreen'
+    p_default_le {
+      aufgabe 'Ein Gas hat bei einem Druck von 1013 mbar ein Volumen von 1 dm³.
+      Welches Volumen hat dieses Gas bei gleicher Temperatur, wenn der
+      Druck nur noch 920 mbar beträgt (wie zum Beispiel im Zentrum
+      eines Sturmtiefs)?'
+      br
+      e 'p1 = 1013 mbar = 1.013 bar'
+      e 'V1 = dm³'
+      br
+      e 'Gesucht ist V2. p2 ist 920 mbar, also 0.920 bar.'
+      br
+      cmd '  p1 * V1 = p2 * V2'
+      br
+      e 'Umformen:'
+      br
+      cmd '  V2 = p1 * V1 / p2'
+      br
+      cmd '  V2 = 1.013 bar * 1dm³ / 0.920bar = 1.1011 dm³ (also
+      1.1011 L, gerundet 1,1 L)'
+    }
+    # ======================================================================= #
+    # === Aufgabe 6
+    # ======================================================================= #
+    boldbr 'Übungsbeispiel #6 zu Gasen','lightgreen'
+    p_default_le {
+      aufgabe 'Wieviel Prozent Kohlenstoff enthält eine Verbindung mit der Summenformel
+      C7H7NO2?'
+      e 'Gesamtmasse: 137.137; Masse C: 84.077. Prozent-Anteil: 61% Kohlenstoff'
+    }
+  }
+  # ========================================================================= #
+  # === Gefahrengutzeichen
+  # ========================================================================= #
+  # rf chemistry gefahrengutzeichen
+  # ========================================================================= #
+  fancy2 'Gefahrengutzeichen',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default(id: 'gefahrengutzeichen') {
+    dimg 'science/chemistry/GEFAHRENGUTZEICHEN.png'
+    dimg 'science/chemistry/GEFAHRENSYMBOLE.jpg'
+  }
+  # ========================================================================= #
+  # === Säuren und Basen                                         tag (pH tag)
+  #
+  # Dieser Abschnitt behandelt pH-Berechnungen.
+  # ========================================================================= #
+  fancy2 'Säuren und Basen - pH-Berechnungen',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    p_default_le {
+      e 'Der pH Wert einer starken Säure kann nach folgender Formel berechnet
+      werden:'
+      br
+      le '  pH = - log [H+]'
+      br
+      e 'Sehen wir uns nun ein paar Beispiel hierzu an.'
+    }
+    # ======================================================================= #
+    # === Beispiel #1
+    # ======================================================================= #
+    p_default_le {
+      e 'Beispiel #1: Wie groß ist der pH-Wert eine 5.3 * 10⁻²
+      molaren Salzsäure-Lösung?'
+      br
+      cmd '[H3O+] = [HCl] = 5.3 * 10**-2'
+      cmd 'pH = - log [H3O]+ = -log ( 5.3 * 10**-2) = 1.28'
+      cmd 'Math.log10( 5.3 * (10**-2))'
+    }
+    fancy_spacer
+    # ======================================================================= #
+    # === Beispiel #2
+    # ======================================================================= #
+    p_default_le {
+      e 'Beispiel #2: Wie groß ist der pH-Wert einer 7.6 * 10**-3-molaren
+      Kaliumhydroxid-Lösung?'
+    }
+    fancy_spacer
+    # ======================================================================= #
+    # === Beispiel #3
+    #
+    # Ammoniak-Beispiel.
+    # ======================================================================= #
+    p_default_le {
+      e 'Beispiel #3: Wie groß ist der pH-Wert einer 0,1 M NH3-Lösung
+      (Kb = 1.8 ⋅10-5 M)?'
+      br
+      e 'Ammoniak ist eine schwache Base.'
+      br
+      e 'Der <b>Kb</b> ist 0.00018.'
+      br
+      cmd 'pKb = <b>3.755 - log(0.1)</b> = 4.744'
+      cmd 'Formel ist: pH = ½ (pKs - log cHA)'
+      br
+      e 'Ergibt pH = <b>11.12765</b>.'
+    }
+    # ======================================================================= #
+    # === Beispiel #4
+    #
+    # Essigsäure-Beispiel.
+    # ======================================================================= #
+    # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#beispiel_04
+    # ======================================================================= #
+    p_default_le(id: 'beispiel_04') {
+      e 'Beispiel #4: Wie groß ist der pH-Wert, wenn Sie zu einem
+      Essigsäure/Acetat-Puffer aus je 1,1 mol 2 mol HCl dazugeben?
+      KA (Essigsäure): 1,76 ·10⁻⁵'
+      br
+      e 'Wir gehen systematisch vor.'
+      br
+      e 'Wir haben es hier mit einer <b>Pufferreaktion</b> zu tun.'
+      br
+      e 'Puffer können pH-Änderungen abfedern, sprich, ihnen
+      <b>entgegenwirken</b>.'
+      br
+      e 'Berechnen können wir sie mit Hilfe der
+      <b>Henderson-Hasselbalch-Gleichung</b>.'
+      br
+    }
+    # ======================================================================= #
+    # === Beispiel #5
+    # ======================================================================= #
+    # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#beispiel_04
+    # ======================================================================= #
+    p_default_le(id: 'beispiel_05') {
+      e 'Beispiel #5: 1 g Ca(OH)₂ werden in 100 ml Wasser gelöst.
+      Welchen pH-Wert hat die Lösung?'
+      br
+      e 'Ca(OH)₂ ist eine <b>starke Base</b>. Der pKb beträgt von 1.37.'
+      br
+      e 'Die Molmasse von Ca(OH)₂ beträgt: 74.092. 1 Gramm bedeutet
+      daher nur 0.0134967 Mol. Dies verdoppeln wir nun: 
+      0.0269934 mol. Log ergibt: -1.5687, dann + 14 = 12.431'
+      e 'Volumen V = 0.1L'
+    }
+    # ======================================================================= #
+    # === Beispiel #6
+    # ======================================================================= #
+    # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#beispiel_04
+    # ======================================================================= #
+    p_default_le(id: 'beispiel_06') {
+      e 'Beispiel #6: Wie groß ist der pH-Wert einer 0,1 M
+      Essigsäure-Lösung (pKs=4,75)?'
+      br
+      e 'Die Formel lautet:'
+      br
+      cmd '  pH = 0.5 * (pKs - log cHA)'
+      cmd '  pH = 0.5 * (4.75 - log(0.1))'
+      cmd '  pH = 0.5 * 5.75 = 2.875'
+    }
+  }
+  # ========================================================================= #
+  # === Stickstoffdioxid
+  # ========================================================================= #
+  # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#stickstoffdioxid
+  # ========================================================================= #
+  fancy2 'Stickstoffdioxid',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    e '<b class="lightgreen">Stickstoffdioxid</b> besitzt die chemische Formel
+    <b>NO₂</b>. Es handelt sich hierbei um ein rotbraunes Gas.'
+    br
+    # e 'Die Lewis-Formel von Stickstoffdioxid ist wie folgt:'
+    # br
+    # dimg 'https://i.imgur.com/18ANvtj.png',
+    #      'mar0_5em mars3em round_black3'
+  }
+  # ========================================================================= #
+  # === Natronlauge
+  # ========================================================================= #
+  # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#natronlauge
+  # ========================================================================= #
+  fancy2 'Natronlauge',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    e '<b>Natronlauge</b> ist <b class="lightblue">NaOH</b>.'
+    br
+    e 'Natronlauge kann Zink entfernen.'
+  }
+  # ========================================================================= #
+  # === Van-der-Waals
+  # ========================================================================= #
+  fancy2 'Van-der-Waals Bindung',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    e 'Die Stärke der Van-der-Waals Kraft liegt zwischen 0.5 - 5 kJ/mol.
+    Sie ist damit geringer als die Stärke einer Wasserstoffbrücke.'
+  }
+  # ========================================================================= #
+  # === Die Massenzahl
+  # ========================================================================= #
+  fancy2 'Die Massenzahl',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    e 'Die <b>Massenzahl</b> ist <b>die Anzahl der Nukleonen, also
+    Protonen und Neutronen, die den Atomkern eines Nuklids bilden</b>.'
+  }
+  # ========================================================================= #
+  # === Die Knallgasreaktion
+  # ========================================================================= #
+  # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#die_knallgasreaktion
+  # ========================================================================= #
+  fancy2 'Die Knallgasreaktion',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    e 'Die Reaktionsgleichung der <b class="lightgreen">Knallgasreaktion</b>
+    lautet:'
+    br
+    cmd '  2 H₂ + O₂ → 2 H₂O'
+    br
+    e 'Wieviel Sauerstoff benötigt man, um in der Knallgasreaktion
+    4,7 g H2O herzustellen? M<sub>O</sub> = 16,00 g/mol, M<sub>H</sub> = 1,01 g/mol'
+    br
+    e 'Die molare Masse M errechnet sich als Quotient von Masse m und Stoffmenge
+    n, also: M = m/n'
+    br
+    e 'Wir haben über die Angabe M gegeben, mit 4.7 g als Vorgabe. Wir müssen
+    nun mit n multiplizieren, und dann durch M dividieren und erhalten:'
+    br
+    cmd 'n = m / M'
+    br
+    e 'Dies sind n = m / M, also: 4.7g / 18.02g/mol = 0.26 mol.'
+    br
+    e 'Somit haben wir auch 0.26 mol O2. Dies ergibt 4.16 Gramm.' # Stimmt - am 17.04.2023 determiniert.
+  }
+  # ========================================================================= #
+  # === TIERFUTTER TAG. AMINOPTERIN TAG. rf std tierfutter
+  #
+  # 24.03.2007.
+  # ========================================================================= #
+  fancy2 'Tierfutter (24.03.2007)',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default(id: 'tierfutter'){
+    p_default_le {
+      e 'Aminopterin wird auch als Rattengift verwenden (Aminopterin ist 
+      auch im HAT Medium enthalten).'
+      br
+      e 'Das amerikanisch/kanadische Unternehmen Menu Foods chief hatte
+      März 2007 das auch in "Nassfutter" (Dosenfutter) drinnen,
+      aufgrund eines Versehens. Tiere starben daraufhin an
+      Nierenversagen.'
+      br
+      e 'Man nimmt an, dass verklebter Weizen eines neuen Lieferanten 
+      die Ursache sein könnte.'
+      br
+      e 'Dieser Weizen wird als Protein in dem Futter verwendet. Die
+      Rückrufaktion umfasst rund 100 Produkte, die unter verschiedenen
+      Marken vertrieben werden. Menu Foods beliefert 17 der 20 führenden
+      Handelsketten in den USA, Kanada und Mexico mit deren Eigenmarken.'
+      br
+      e 'Procter & Gamble USA, für die Menu Foods Dosen und Pouches
+      unter der Marke IAMS und Eukanuba herstellt, hat inzwischen
+      bekannt gegeben, dass verschiedene Dosen und Pouches 
+      zurückgerufen würden.'
+      br
+      e 'Betroffen sind auch unter anderem auch Produkte 
+      von Hill, Best Choise oder Nutro. Inzwischen hat sich 
+      auch die Food and Drug Administration, eine amerikanische 
+      Aufsichtsbehörde, eingeschaltet. Menu Foods hat in den 
+      USA drei und in Kanada eine Fabrikationsstätte.'
+    }
+  }
+  # ========================================================================= #
+  # === Avogadro tag
+  # ========================================================================= #
+  # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#avogadro
+  # ========================================================================= #
+  fancy2 'Avogadro',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le(id: 'avogadro') {
+    e "Die Avogadro'sche Zahl hat den Wert 6.022 * 10²³ mol⁻¹."
+  }
+  # ========================================================================= #
+  # === Quantenzahlen tag
+  # ========================================================================= #
+  fancy2 'Quantenzahlen',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    e 'Die Hauptquantenzahl N beschreibt die Schale, also
+    das Energieniveau, zu der der Zustand des Elektrons gehört.'
+    br
+    e 'Sie kann theoretisch beliebige, natürliche Zahlenwerte größer
+    als <b>null</b> annehmen:'
+    br
+    lem 'n = 1, 2, 3, 4','BOLD'
+    br
+    e 'Die Schalen werden auch der Reihe nach mit K-,L-,M-,N-...Schale
+    bezeichnet.'
+    br
+    e 'Die Nebenquantenzahl L kennzeichnet die Form des Atomorbitals
+    in einem Atom.'
+    br
+    e 'Sie kann Werte zwischen <b>l = 0</b> und <b>l = n - 1</b>
+    annehmen. Ist die Hauptquantenzahl also 3, so kann L die 
+    Werte 0, 1 und 2 annehmen.'
+    div('table-container mars2em') {
+      ee '<dl class="caption">
+</dl>
+<table class="bblack1 pad0_5em results" border="0" cellpadding="0" cellspacing="4">
+<tbody>
+<tr>
+<th>Schale</th>
+<th>Hauptquantenzahl n</th>
+<th>Nebenquantenzahl l</th>
+<th>Magnetquantenzahl m</th>
+<th>Orbital</th>
+</tr>
+<tr>
+  <td>K</td><td>1</td><td>0</td>
+  <td>0</td><td>s</td></tr><tr><td>L</td><td>2</td>
+  <td>0<br><span class="part">1</span></td>
+  <td>0<br><span class="part">-1, 0, +1</span></td>
+  <td>s<span class="part">p</span></td>
+</tr>
+<tr>
+  <td>M</td><td>3</td>
+  <td>0<br><span class="part">1</span>
+       <br><span class="part">2</span></td>
+  <td>0<br><span class="part">-1, 0, +1</span><br>
+       <span class="part">-2, -1, 0, +1, +2</span></td>
+  <td>s<span class="part">p</span><span class="part">d</span></td>
+</tr>
+<tr>
+  <td>...</td>
+  <td>...</td>
+  <td>...</td><td>...</td><td>...</td>
+</tr>
+</tbody>
+'
+     ctable
+    }
+  }
+  # ========================================================================= #
+  # === Partialdruck tag
+  #
+  #   rf chemistry partialdruck
+  #
+  # ========================================================================= #
+  # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#partialdruck
+  # ========================================================================= #
+  fancy2 'Partialdruck berechnen',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default(id: 'partialdruck') {
+    p_default_le {
+      e 'Der <b>Partialdruck</b> einer Komponente eines Gasgemisches entspricht
+      dem Druck, den diese Komponente ausüben würde, wenn sie sich <b>alleine</b>
+      in dem betrachteten Volumen befände, das die Mischung einnimmt.'
+      br
+      e 'Die Partialdrücke können addiert werden, um den Gesamtdruck des
+      Gasgemisches zu erhalten.'
+      br
+      e 'Die Temperatur der Gase muss in <b>°Kelvin</b> angegeben
+      werden.'
+      br
+      e 'Nach der Idealen Gasgleichung ergibt sich für den Druck:'
+      br
+      cmd '  p = n * R * T / V'
+      br
+      e 'Für ein Gas i:'
+      br
+      cmd '  pi = ni * R * T / V'
+      br
+      e 'Wie gehen wir vor?'
+      br
+      e 'Wir behandeln alle Gase als <b>ideales Gas</b>.'
+      br
+      e 'Rechenbeispiel:'
+      br
+      e '1.00 g Luft besteht aus 0.76 g Stickstoff und 0.24 g Sauerstoff.
+      Wie groß ist der Gesamtdruck und die Partialdrücke, wenn sich diese
+      Menge bei 20 °C in einem Behälter von 1.00 dm³ befindet?'
+      br
+      e 'Die Temperatur beträgt somit <b>293 Kelvin</b>.'
+      br
+      e 'Das Volumen ist 1.00 dm³, also 1L (ein Liter entspricht einem
+      Kubikdezimeter)'
+      br
+      e 'Formel:'
+      br
+      cmd '  PV = kT'
+      cmd '  pi = ni * R * T / V'
+      br
+      cmd '  pi = 0.054 * mol * 8.314 J * mol⁻¹ * K⁻¹ * 293°Kelvin / 1 Liter // nächste Zeile'
+      cmd '  pi = 0.054 * 8.314 J * 293 / 1 Liter // nächste Zeile'
+      cmd '  pi = 131.544108 J / dm³'
+      br
+    }
+  }
+  # ========================================================================= #
+  # === Aspirin tag 
+  # ========================================================================= #
+  fancy2 'Aspirin',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default(id: 'aspirin') {
+    p_default_le {
+      e 'Aspirin was first synthesized in the year 1897.'
+      br
+      selfy :aspirin, css_class: 'mars3em'
+    }
+  }
+  # ========================================================================= #
+  # === DNA and nucleotides
+  # ========================================================================= #
+  fancy2 'DNA and nucleotides'
+  div_default_le {
+    dimg 'science/chemistry/TAUTOMERIC_FORMS_OF_NUCLEOTIDES.jpg'
+    dimg 'science/chemistry/DNA.jpg'
+  }
+  div('default s1em') {
+    e 'Übungslinks:',
+      'larger bold marb1em'
+    p_default_le {
+      abr 'https://learnattack.de/chemie/aufgaben',
+           content: 'Rechenbeispiele mit Lösungen für Chemie',
+           css_class: 'mars2em'
+      br
+    }
+  }
+  # ========================================================================= #
+  # === Acetonitril (C₂H₃N, wobei es eine Dreifachbindung zwischen C und N gibt) 
+  # ========================================================================= #
+  fancy2 'Acetonitril (C₂H₃N, wobei es eine Dreifachbindung zwischen C und N gibt)',
+         'on_hover_grow marl1em lightblue mart1em'
+  p_default_le('acetonitril') {
+    e 'Diese Chemikalie - ein organisches Lösungsmittel - ist für
+    die <b class="FI">Analytik</b> wichtig. Wurde aber 2009 knapp.'
+    br
+    e 'Kommt ein Auftrag ein ohne das Acetonitril vorhanden ist, kann
+    er manchmal nicht akzeptiert werden.'
+    br
+    e 'Acetonitril kann durch eine billigere Substanz ersetzt werden
+    - <b>Methanol</b>. Allerdings ist Methanol bei weitem nicht 
+    so brauchbar.'
+  }
+  # =========================================================================== #
+  # === Die Spinquantenzahl
+  # =========================================================================== #
+  fancy2 'Die Spinquantenzahl',
+         'on_hover_grow marl1em lightblue mart1em'
+  p_default_le {
+    e 'Die Spinquantenzahl (s) eines Elektrons beschreibt die Orientierung
+    des Spins des Elektrons.'
+    br
+    e 'Die Spinquantenzahl kann die Werte -0.5 oder 0.5 annehmen.'
+  }
+  # =========================================================================== #
+  # === Interesting substances
+  # =========================================================================== #
+  fancy2 'Interesting substances',
+         'on_hover_grow marl1em lightblue mart1em'
+  p_default_le {
+    e '<b>Bisphenol A</b> is ingested by everyone in Canada who
+    eats canned foods or drinks from a can or hard <b>plastic</b> 
+    water bottles. The danger is that Bisphenol A may act as a
+    hormone.'
+    br
+    e 'In the past it was said that the dose is what makes a
+    poison, but this is not entirely correct. Even small doses
+    may be extremely harmful, even if the substance is not
+    necessarily toxic in nature. On the other hand, there are
+    also many powerful toxins, such as the <b>Diptherietoxin</b>.'
+    br
+    e 'Derived from petroleum, <b>bisphenol A</b> is the chief 
+    ingredient in <b>polycarbonate</b>, the rigid, translucent
+    hard plastic used in water bottles and many baby bottles.'
+    br
+    e 'It is also used to make the resins that line most tin
+    cans, dental sealants, car parts, microwaveable plastics,
+    sports helmets and CDs.'
+  }
+  # ========================================================================= #
+  # === DBT Tag                                                  (16.11.2008)
+  # ========================================================================= #
+  fancy2 'Dibutylzinn DBT - 16.11.2008',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    p_default_le {
+      e 'Die weit verbreitete Chemikalie <b>Dibutylzinn (DBT)</b> (eine 
+      Organozinnverbindung) schädigt das Immunsystem. '
+      br
+      e 'Das Umweltgift stört die <b>Regulation</b> der Körperabwehr, indem
+      es einen Rezeptor hemmt, der für die Aktivierung von
+      Entzündungsprozessen wichtig ist.'
+      br
+      e 'Dibutylzinn wird als <b>Antifaulmittel</b> für den Außenschutz
+      von Booten und Schiffen verwendet, dient aber auch zur Produktion
+      von Polyvinylchlorid (PVC), das in Kunststoffleitungen und
+      Flaschen vorkommt. In den Körper gelangt die Chemikalie durch
+      Trinkwasser aus <b>PVC-Leitungen</b> sowie durch den Verzehr
+      von Fisch und Meeresfrüchten.'
+      br
+      e 'DBT ist eng verwandt mit der Chemikalie <b>Tributylzinn (TBT)</b>,
+      die wegen ihrer Giftigkeit erst kürzlich weltweit verboten wurde.'
+      br
+      e 'Schweizer Forscher zeigten mit Zellversuchen und Computeranalysen, 
+      dass DBT auf wichtige körpereigene Hormone, die <b>Glucocorticoide</b>, 
+      einwirkt. DBT blockiert den <b>Glucocorticoid-Rezeptor</b> und stört 
+      die Regulation von Genen des Immunsystems.'
+      br
+      e 'Dies beeinträchtige die Immunreaktion bei Entzündungsprozessen 
+      und Infektionen.'
+      br
+      e 'DBT wie auch TBT gehören zu den zinnorganischen Verbindungen.'
+      br
+      e 'Zu deren Vergiftungserscheinungen zählen Hautreizungen, Schwindel 
+      und grippeähnliche Symptome. Große Mengen solcher Verbindungen
+      können zu Schädigungen von Gehirn, Leber und Immunsystem führen.'
+    }
+  }
+  # ========================================================================= #
+  # === Übungsbeispiele Umsetzungsreaktionen
+  # ========================================================================= #
+  fancy2 'Übungsbeispiele Umsetzungsreaktionen',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    e 'Welche Menge Ammoniak (NH₃) erhält man bei der Umsetzung von 200 g
+    Ammoniumsulfat (NH₄)₂SO₄ mit Natronlauge (NaOH), wenn die Ausbeute
+    95% beträgt?'
+    br
+    e 'Anmerkung: als Nebenprodukte entstehen auch Natriumsulfat und Wasser.'
+    br
+    e 'Molares Gewicht Ammoniak: 17'
+    e 'Molares Gewicht Ammoniumsulfat: 132.14' 
+    e 'Formel: (NH₄)₂SO₄ + NaOH → 2xNH₃ + H₂SO₄'
+    br
+    e '200 Gramm Ammoniumsulfat sind 1.5135 Mol. Das heisst wir
+    erhalten 3.027 Mol NH₃. Dies sind 51.46 Gramm. 95% davon
+    sind 48.89 Gramm.'
+  }
+  # ========================================================================= #
+  # === Mischungen und Verdünnungen tag
+  #
+  # Alles über Mischungen, Lösungen und Verdünnungen.
+  # ========================================================================= #
+  fancy2 'Mischungen, Lösungen und Verdünnungen',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default(id: 'mischungen_und_verdünnungen') {
+    p_default_le {
+      e 'In der Lösung, die wir am Schluss vorliegen haben, befinden
+      sich alle Substanzen, die wir in den Ausgangslösungen
+      zugegeben haben.'
+      br
+      e 'In einer Lösung gilt:'
+      br
+      cmd '  c1 = n1 / V1'
+      br
+      e 'Und im Gleichgewicht zweier Lösungen:'
+      br
+      cmd '  c1 · V1 = c2 · V2'
+      br
+      e 'Beispiel:'
+      br
+      e 'Wie müssen Sie 100 mL einer NaCl-Lösung mit 5 mol/L
+      verdünnen, um eine NaCl-Lösung mit 2 mol/L zu erhalten?'
+      br
+      e 'Also: gesucht ist V2:'
+      br
+      cmd 'V2 = (0.100 L * 5 mol / L) / c1'
+      br
+      cmd 'V2 = (0.100 L * 5 mol / L) / (2 mol / L) => 0.5 mol / (2 mol / L) => 0.25 L => 250 mL'
+      br
+    }
+    # ========================================================================= #
+    # === Rechenbeispiele zu Lösungen
+    # ========================================================================= #
+    h3 'Rechenbeispiele zu Lösungen'
+    p_default_le {
+      e 'Beispiel #1'
+      br
+      e 'Es sind 300 ml einer 0.15-normalen NaOH-Lösung herzustellen. Eine
+      Analyse der zur Verfügung stehenden NaOH zeigt, daß sie nur <b>93.5%
+      NaOH</b> enthält. Welche Masse an NaOH ist verfügbar?'
+      br
+      cmd 'V = 0.3 L'
+      cmd 'M = 0.3 * 0.15 * 40 = 1.8g'
+      br
+      e 'Dieser Wert von 1.8g ist aber nur zu 93.5% im einzuwägenden
+      Materials enthalten; es müssen daher 1.8 / 93.5 * 100 = 1.925 g
+      "unreine" NaOH eingewogen werden.'
+    }
+    p_default_le {
+      e 'Beispiel #2'
+      br
+      e ''
+    }
+  }
+  # ========================================================================= #
+  # === Massenkonzentration tag
+  # ========================================================================= #
+  fancy2 'Massenkonzentration',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default(id: 'Massenkonzentration') {
+    p_default_le {
+      e 'Massenkonzentration β:'
+      br
+      e 'Masse des gelösten Stoffes pro Volumen der Lösung.'
+      br
+      ee 'β(X) = m(X) / V(Lösung) (z.B. Löslichkeit in g/L = g · L-1)'
+    }
+  }
+  # ========================================================================= #
+  # === Bekannte Formeln von Verbindungen in der Chemie
+  # ========================================================================= #
+  fancy2 'Bekannte Formeln von Verbindungen in der Chemie',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    table2 'marl1em','','',
+      '<b>Natriumchromat:</b>','Na2CrO4',
+      '<b>Ammoniumhydroxid:</b>','NH4OH'
+  }
+  # ========================================================================= #
+  # === Dichte tag
+  # ========================================================================= #
+  fancy2 'Dichte',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    e 'Die Dichteangabe eines Stoffes ist temperaturabhängig und sollte
+    daher immer die Angabe der Temperatur, für die sie gilt, inkludieren.'
+  }
+  # ========================================================================= #
+  # === Die Indol Gruppe.
+  # ========================================================================= #
+  fancy2 'Indol-Gruppe',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    e '<b class="ud">Tryptophan</b> ist eine <b>Aminosäure</b>
+    mit einer <b>Indol-Gruppe</b> (Merkslogan zur Indol-Gruppe: 6+5)'
+    br
+    dimg 'science/chemistry/INDOLE.png',
+         'marl5em pad0_4em'
+  }
+  # ========================================================================= #
+  # === Stoffmenge
+  # ========================================================================= #
+  fancy2 'Stoffmenge',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default(id: 'Stoffmenge') {
+    p_default_le {
+      e 'Gegeben ist <b>Natriumsulfat</b>, als Feststoff.
+      Chemische Formel: Na2SO4(s). m(Na2SO4) = 35.5g'
+      br
+      e 'Gesucht: Stoffmenge n (Einheit: mol)'
+      br
+      e 'Die molare Masse hat die Dimension g / mol, also "Gramm
+      pro Mol."'
+      br
+      e 'Molmasse von Na2SO4: 142 g / mol'
+      br
+      e 'Bei 35.5g haben wir also 35.5 g / 142 g / mol = 0.25 mol Na2SO4 gegeben.'
+    }
+  }
+  # ========================================================================= #
+  # === Kohlenstoff tag
+  # ========================================================================= #
+  fancy2 'Kohlenstoff',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    p_default_le {
+      e 'Ein <b>primärer</b> Kohlenstoff hat eine Bindung zu einem
+      weiteren Kohlenstoff-Atom.'
+      br
+      e 'Ein <b>sekundärer</b> Kohlenstoff hat zwei Bindungen zu zwei
+      weiteren Kohlenstoffen-Atomen.'
+      br
+      e 'Ein <b>tertiärer</b> Kohlenstoff hat drei Bindungen zu drei 
+      weiteren Kohlenstoffen-Atomen.'
+      br
+      e 'Ein <b>quartärer</b> Kohlenstoff hat vier Bindungen zu vier
+      weiteren Kohlenstoffen-Atomen.'
+    }
+  }
+  # ========================================================================= #
+  # === Die Elementarladung
+  # ========================================================================= #
+  fancy2 'Die Elementarladung',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    p_default_le {
+      e 'Die Elementarladung ist die kleinste Einheit der elektrischen
+      Ladung. Sie entspricht der Ladung des Elektrons und konnte 1909
+      von Millikan präzise bestimmt werden.'
+      br
+      e '- Alle auftretenden Ladungen können immer nur ein
+      <b class="ud">ganzzahliges Vielfaches der Elementarladung</b>
+      sein.'
+    }
+  }
+  # =========================================================================== #
+  # === Bisphenol A (BPA) tag
+  # =========================================================================== #
+  # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#bisphenol_a
+  # =========================================================================== #
+  fancy2 'Bisphenol A',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    dimg 'science/chemistry/BISPHENOL_A.png',
+         'bblack2 BG_White mar0_5em mars2em'
+    p_default_le {
+      e 'Bisphenol A (BPA) ist ein Derivat des <b>Diphenylmethans</b>.'
+      br
+      e 'Bei Bisphenol A handelt es sich um ein Xeno-Estrogen mit 
+      östrogenähnlicher Wirkung. Es steht im Verdacht, gesundheitsschädigend
+      zu sein.'
+      br
+      e 'Aktuellen amerikanischen Untersuchungen zufolge könnte auch die 
+      zivilisatorische Fettleibigkeit darin eine der Ursachen haben.'
+    }
+  }
+  # ========================================================================= #
+  # === Empirische Formeln
+  # ========================================================================= #
+  fancy2 'Empirische Formel berechnen',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le(id: 'empirische_formel_berechnen') {
+    p_default_le('mart1px') {
+      e 'Gegeben ist folgende Formel:'
+      br
+      e 'Ag: 65.04%'
+      e 'Cr: 15.67%'
+      e ' O: 19.29%'
+      br
+      e 'Als Formel wird n = m / M herangezogen.'
+      br
+      e 'n(Ag) = 65.04g / 107g pro mol hoch -1 = 0.6078  mol'
+      e 'n(Cr) = 15.67g / 52g pro mol hoch -1  = 0.30135 mol'
+      e 'n(O)  = 19.29g / 16g pro mol hoch -1  = 1.2056  mol'
+      br
+      e 'Nun dividiert man die kleinste Zahl durch 1 und erhält so
+      den Faktor 3.318. Dann multipliziert man die obigen Zahlewerte
+      und erhält:'
+      br
+      e 'n(Ag) = 0.6078  mol * 3.318 = 2 mol'
+      e 'n(Cr) = 0.30135 mol * 3.318 = 1 mol'
+      e 'n(O)  = 1.2056  mol * 3.318 = 4 mol'
+      br
+      ee 'Dies ergibt: Ag2CrO4, aka <b>Silberchromat</b>.'
+    }
+  }
+  # ========================================================================= #
+  # === Dalton tag
+  # ========================================================================= #
+  # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#dalton
+  # ========================================================================= #
+  fancy2 'Dalton',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le(id: 'dalton') {
+    e 'Ein Dalton ist definiert als ein Zwölftel der
+    Masse eines Atoms des in der Natur weitaus am häufigsten
+    auftretenden Kohlenstoff-Isosops ¹²C.'
+  }
+  # ========================================================================= #
+  # === Reaktionsenthalpie
+  # ========================================================================= #
+  fancy2 'Reaktionsenthalpie',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    e 'Die Formel hierzu ist:'
+    br
+    le 'Delta H'
+  }
+  # ========================================================================= #
+  # === Safety tag
+  # ========================================================================= #
+  fancy2 'Safety',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    e '- Add acid to water and not water to acid. '+squote('<i>Erst
+    das Wasser, dann die Säure, sonst geschieht das Ungeheure.</i>')
+  }
+  # ========================================================================= #
+  # === Wasserstoffbrücken
+  # ========================================================================= #
+  # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#wasserstoffbr%C3%BCcken
+  # ========================================================================= #
+  fancy2 'Wasserstoffbrücken',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    e 'Die Bindungsenergie von Wasserstoffbrücken liegt zwischen 10 und
+    50 kJ/mol; häufiger ist der Bereich von 10-20 kJ/mol gemeint.'
+  }
+  # ========================================================================= #
+  # === Anhydride
+  # ========================================================================= #
+  # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#anhydride
+  # ========================================================================= #
+  fancy2 'Anhydride',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    e 'Ein Anhydrid ist eine chemische Verbindung, die aus einer Säure
+    oder Base durch Entzug von Wasser entsteht.'
+    br
+    e 'Das Anhydrid der Schwefelsäure ist das Schwefeltrioxid (SO₃)'
+    br
+    e '<b>Säure</b> - <b>Wasser</b> ergibt <b>Säureanhydrid</b>.'
+  }
+  # ========================================================================= #
+  # === Elektronegativität
+  # ========================================================================= #
+  # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#elektronegativität
+  # ========================================================================= #
+  fancy2 'Elektronegativität',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    e 'Die Elektronegativität ist ein Kennwert, der ausdrückt, wie stark
+    ein Element die Bindungselektronen anzieht.'
+    br
+    e 'Mit steigender Ordnungszahl nimmt die Elektronegativität ab.
+    Gleichzeitig nimmt der Atomradius zu.'
+    br    
+    e 'Die Elektronegativitäts-Werte sind relative Werte.'
+  }
+  # ========================================================================= #
+  # === Gummi tag
+  #
+  # URL: https://www.derstandard.at/story/1231152712461/studie-gummi-chemikalie-offenbar-krebsausloesend
+  # ========================================================================= #
+  fancy2 'Gummi',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    boldbr '25.01.2009','gold'
+    br
+    dimg 'science/chemistry/Mercaptobenzthiazol.gif'
+    boldbr 'Gummi-Chemikalie offenbar krebsauslösend'
+    br
+    e 'Arbeiter in England untersucht, die mit <b>Mercaptobenzthiazol</b> 
+    in Kontakt kamen - Doppeltes Krebsrisiko.'
+    br
+    e 'London - Eine bei der Herstellung von Gummiprodukten verwendete Substanz
+    erhöht offenbar das Risiko für mehrere Krebsarten. Dies zeigt eine Studie 
+    der Universität Birmingham an Beschäftigten im Norden von Wales, die
+    regelmäßig mit dem Stoff <b>MBT</b> (Mercaptobenzthiazol) in Kontakt kamen.'
+    br
+    boldbr 'Gefährdung steigt mit Kontakthäufigkeit'
+    br
+    e 'Sie hatten - im Vergleich zum statistischen Durchschnitt - ein verdoppeltes 
+    Risiko, an Tumoren von Blase und Dickdarm zu sterben. Ein Multiples Myelom, 
+    eine Form von Knochenmarkkrebs, wurde bei ihnen vier Mal häufiger diagnostiziert 
+    als statistisch zu erwarten wäre. Weitere Analysen deuteten darauf hin, dass die 
+    Gefährdung in dem Maß stieg, in dem der Kontakt zu der Substanz zunahm.'
+    br
+    e 'Die britischen Arbeitsmediziner raten in der Zeitschrift "Occupational 
+    and Environmental Medicine" dazu, die Krebsgefahr des Mittels eingehender zu 
+    prüfen. Bis dahin sollten Menschen im Umgang mit dem Stoff sehr vorsichtig 
+    sein.'
+    br
+  }
+  # ========================================================================= #
+  # === Rechnen in der Chemie
+  # ========================================================================= #
+  fancy2 'Rechnen in der Chemie',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    e 'Für einen groß angelegten Versuch werden 200 Liter 75%-iges Ethanol
+    benötigt. Vorrätig sind aber nur 60%-iges und 80%-iges Ethanol.'
+    br
+    e 'Welches Mischungsverhältnis der beiden vorrätigen Ethanolmischungen
+    ist notwendig, um die gewünschte Mischung zu erhalten? Hinweis:
+    Wählen Sie alle notwendigen Antwortmöglichkeiten aus.'
+    br
+    cmd '  200 * 0.75 => 150.0'
+    cmd '  (1)  120 * 0.6  =>  72.0 # nein'
+    cmd '  (2)   50 * 0.6  =>  30.0 # ja, in Kombination mit 4'
+    cmd '  (3)   80 * 0.8  =>  64.0 # nein'
+    cmd '  (4)  150 * 0.8  => 120.0 # ja, in Kombination mit 3'
+  }
+  # ========================================================================= #
+  # === Stoffmengenkonzentration tag                          (Molarität tag)
+  #
+  # Dies ist folgende Formel:
+  #
+  #   c = n / V
+  #
+  #   rf chemistry Stoffmengenkonzentration
+  #
+  # ========================================================================= #
+  # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#molarität
+  # ========================================================================= #
+  fancy2 'Stoffmengenkonzentration c - Die <b>Molarität</b>',
+         'on_hover_grow marl1em lightblue mart1em',
+             'molarität'
+  div_default(id: 'Stoffmengenkonzentration') {
+    p_default_le {
+      e 'Die Stoffmengenkonzentration c wurde früher "Molarität M" genannt.'
+      br
+      cmd2 '  c(X) = n(X) / V [mol/L = mol · L-1]', append: 'gold BOLD'
+      br
+      e 'Oder, kürzer:'
+      br
+      cmd2 '  c = n / V', append: 'gold BOLD'
+      br
+      e 'Dies ist daher in "Mol pro Liter".'
+      br
+      e 'Eine Lösung, die in einem Liter ein Mol der betreffenden Substanz
+      enthält, bezeichnet man als 1-molar und schreibt dies als 1 M.'
+      br
+      e 'Eine 1 M Lösung von NaCl hat eine Konzentration von 
+      <b>58.44 g / l</b>.'
+      br
+      e 'Die Umrechnung von m in V über Dichte:'
+      br
+      cmd2 '  r = m / V', append: 'gold BOLD'
+      br
+    }
+    # ======================================================================= #
+    # === Übungsbeispiel zur Molarität #1
+    # ======================================================================= #
+    h4 'Übungsbeispiel zur Molarität #1','lightgreen marb1em'
+    p_default_le {
+      e '(1) Gegeben ist eine 5 mol Lösung, die mit Wasser verdünnt werden
+      soll, so das ein 1 Liter einer 1 mmol Lösung hergestellt wird.'
+      br
+      e 'Rechenvorgang:'
+      br
+      cmd2 '  c1 = 5 mol; V1 = gesucht; c2 = 1 mmol; V2 = 1L', append: 'gold BOLD'
+      br
+      boldbr 'Umwandeln:'
+      br
+      cmd2 '  c1 = 5000 mmol; V1 = gesucht; c2 = 1 mmol; V2 = 1L', append: 'gold BOLD'
+      br
+      cmd2 '  V1 = c2 * V2 / c1 → 1 mmol * 1 L / 5000 mmol → 1/5000 L → 0.0002 L →  0.2 mL.', append: 'gold BOLD'
+    }
+    fancy_spacer
+    # ======================================================================= #
+    # === Beispiel #2
+    # ======================================================================= #
+    h4 'Übungsbeispiel zur Molarität #2','lightgreen marb1em'
+    p_default_le {
+      e 'Beispiel #2: Wie groß ist die Molarität einer Schwefelsäure-Lösung,
+      deren pH-Wert 2.5 beträgt?'
+      br
+      e 'Zuerst berechnen wir die Hydroniumionen-Konzentration.'
+      br
+      cmd2 '-2.5 INV log = 3.16 * 10**-3', append: 'gold BOLD'
+      br
+      e 'Da jedes Mol H2SO4 zwei Mole Hydroniumionen bildet, gilt:'
+      br
+      cmd2 '3.16 * 10**-3 / 2 = 1.58 * 10**-3', append: 'gold BOLD'
+      br
+      e 'Für das <b>Ionenprodukt</b> des Wassers gilt:'
+      br
+      cmd2 '  pH + pOH = 14', append: 'gold BOLD'
+      br
+      e 'Für starke Basen gilt ähnliches.'
+    }
+    fancy_spacer
+    # ======================================================================= #
+    # === Beispiel #3
+    # ======================================================================= #
+    h4 'Übungsbeispiel zur Molarität #3','lightgreen marb1em'
+    p_default_le {
+      e 'Beispiel #3: Welche Masse an NaCl ist nötig, um 500 ml einer
+      3M Lösung herzustellen?'
+      br
+      e 'Wir haben hier das Volumen gegeben, mit 0.5 L.'
+      br
+      e 'Auch die Molarität ist gegeben, mit 3M (n = 3M / L). Gesucht
+      ist die <b>Masse</b>.'
+      br
+      e 'Hierzu müssen wir die molare Masse von NaCl wissen; diese
+      ist 58.44 g / mol. Nun kann die Aufgabe gelöst werden.'
+      br
+      cmd2 ' M(NaCl) = (58.44 g * mol⁻¹) * (3 mol * L⁻¹) * (0.5 L) =', append: 'gold BOLD'
+      cmd2 ' M(NaCl) = 87.66 * g * mol⁻¹ * mol * L⁻¹ * L =', append: 'gold BOLD'
+      cmd2 ' M(NaCl) = 87.66 g', append: 'gold BOLD'
+    }
+    fancy_spacer
+  }
+  # ========================================================================= #
+  # === Übungsbeispiele
+  # ========================================================================= #
+  fancy2 'Übungsbeispiele',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le {
+    e 'Wie viel Gramm festes 95%iges (Massen%) CaO sind erforderlich, um
+    aus 50 g reinem NH4Cl in wässriger Lösung alles NH3 auszutreiben? Um
+    einen vollständigen Umsatz zu gewährleisten, soll das CaO in 10%igem
+    Überschuss angewendet werden.'
+    br
+    e 'Molmasse von CaO:   56.077 g / mol'
+    e 'Molmasse von NH4Cl: 53.492 g / mol; bei 50 gramm haben wir
+    also 1.06984 mol.'
+    br
+    boldbr 'Reaktionsformel:'
+    br
+    cmd '
+      2x NH4Cl + CaO → 2x NH3 + CaCl2 + H2O
+    '
+    e 'Bei 95% CaO benötigen wir proportional mehr an NH4CL, also:'
+    br
+    e '    2.1052631578947367 NH4Cl.'
+    br
+    e 'Um einen vollständigen Umsatz zu gewährleisten bentigen
+    wir +10% CaO'
+    br
+    embed_youtube_link 'https://www.youtube.com/watch?v=9he2fQiSplw'
+    e '^^^ Unvollständig'
+    br
+    e 'Für eine Lösung werden 120 g elementares Iod in 2,00 L
+    Benzin (ρ = 0,67 g/cm³ bei 25 °C) gelöst. Sie entsorgen
+    diese Lösung in den halogenfreien organischen
+    Lösungsmittelkanister. Der tolerierte Grenzwert
+    an Halogenen in halogenfreien Abfällen beträgt 3
+    Massenprozent. Ist es in Ordnung die Lösung in
+    den halogenfreien Abfällen zu entsorgen, ja oder nein?'
+  }
+  pretty_spacer
+  div_default_le {
+    e 'Formel für Verdünnungen:'
+    br
+    boldbr 'c1 * V1  = c2 * V2','gold s2em'
+    br
+    e 'Bevor man diese Gleichung verwenden kann müssen alle
+    Werte mit unterschiedlichen Maßeinheiten sowohl bei den
+    Konzentrationen als auch bei den Volumen umgewandelt 
+    werden.'
+    br
+    e '- You need to make a 1:5 dilution of a solution. You
+    need 10 ml of the diluted solution. How much initial
+    sample and diluent should you use?'
+    br
+    e 'Answer: 1:5 dilution = 1/5 dilution = 1 part sample
+    and 4 parts diluent in a total of 5 parts. If you need
+    10 ml, final volume, then you need 1/5 of 10 ml = 2 ml
+    sample. To bring this 2 ml sample up to a total volume
+    of 10 ml, you must add 10 ml - 2 ml = 8 ml diluent.'
+    br
+    e '-  How would you prepare 500 ml of a 10% NaCl solution?'
+    br
+    e 'Answer: In this problem, the % solution is the number
+    of grams solute in 100 ml solvent, so a 10% solution of
+    NaCl is 10 grams NaCl in 100 ml water. But you need
+    500 ml, final volume, so 10 g x 5 = 50 g NaCl.'
+    br
+    e '3. If you have DNA with a concentration of 2 µg/µl,
+    how much DNA (in µl) must be added to make a 20 µl
+    solution with a DNA concentration of 1 µg/µl?'
+    br
+    e 'Answer: Since you know the initial concentration (2 µg/µl),
+    the final concentration (1 µg/µl), and the final volume (20 µl),
+    the following formula can be used to calculate the amount of
+    DNA needed (<b>initial volume</b>)'
+    br
+    e '• (initial concentration) x (initial volume) = (final concentration) 
+    x (final volume)'
+    br
+    e '• (2 µg/µl)(X µl) = (1 µg/µl)(20 µl)'
+    e '• X µl = (1 µg/µl)(20 µl) / 2 µg/µl'
+    e '• X µl = 10 µl DNA'
+    br
+    e '4. You have a 10x TBE buffer. To run a gel, you need 500 ml
+    of a 2x solution of TBE. How do you make a 500 ml solution of
+    2x TBE buffer from the 10x buffer?'
+    br
+    e 'Answer: Since you know the initial concentration (10x), the final
+    concentration (2x), and the final volume (500 ml), you can use
+    the following formula:'
+    br
+    e '• (initial concentration)(initial volume) = (final concentration)(final volume)
+    • (10x)(X ml) = (2x)(500 ml) 
+    • X ml = (2x)(500 ml) / 10x 
+    • X ml = 100 ml of 10x TBE
+Then, to calculate the amount of water needed, use the following formula:
+    • final volume - initial volume = volume of diluent 
+    • 500 ml total - 100 ml of 10x TBE = 400 ml water
+
+5. You want to make a 0.5% agarose gel. How much agarose (in grams) do you need to
+make up a 50 ml gel solution?
+
+Answer: There are at least two methods for solving this question (as with many dilution problems): logically and mathmatically.
+    • Logically: 
+    • 0.5% means 0.5 grams in 100 ml, so if you only need 50 ml, you need 0.5 g / 2 = 0.25 g agarose for a 50 ml gel solution. 
+    • Mathematically: 
+    • 0.5 g/100 ml = X g/50 ml 
+    • (0.5 g) (50 ml)/100 ml = X g 
+    • 0.25 g = X g 
+6. What is the DNA concentration of a 50 µl solution which contains 10 µl of DNA at a concentration of 4 µg/µl?
+Answer: There are two ways to solve this problem:
+    • Calculate the total amount of DNA in the solution, then divide by the total volume:
+        ◦ 10 µl x 4 µg/µl = 40 µg of DNA 
+        ◦ 40 µg DNA/ 50 µl = r0.8 µg/µl
+    • Just plug the values into the formula:
+        ◦ (initial concentration)(initial volume) = (final concentration)(final volume) 
+        ◦ (4 µg/µl)(10 µl) = (X µg/µl)(50 µl) 
+        ◦ X µg/µl = (4 µg/µl)(10 µl) / 50 µl 
+        ◦ X µg/µl = 0.8 µg/µl
+7. How would you make a 3x TBE buffer from a 12x TBE buffer
+for a total volume of 200 ml?
+
+Answer: Since you know the initial concentration (12x), the final concentration
+(3x), and the final volume (200 ml), you can use the formula:
+    • (initial concentration)(initial volume) = (final concentration)(final volume)
+    • (12x)(X ml) = (3x)(200 ml) 
+    • X ml = (3x)(200 ml) / 12x 
+    • X ml = 50 ml of 12x TBE
+Then, to calculate the amount of water needed;
+    • 200 ml final volume - 50 ml initial volume of 12x TBE = 150 ml water (diluent)
+→ http://www.uvm.edu/~btessman/calc/calc1a.html
+
+	Der Dissoziationsgrad einer Säure HA, also wie viel H+ entsteht, wird allein
+	durch die Gleichgewichtskonstante (Säurekonstante KS) bestimmt:
+
+		(1) 	HA  =  H+ + A- 	mit   KS = [H+][A-] / [HA]
+
+	Starke Säuren dissoziieren vollständig im Wasser, wohingegen die Dissoziation
+	bei schwachen Säuren unvollständig ist. Eine Klassifizierung anhand der
+	Säurekonstante bzw. des pKS-Wertes liegt daher nahe.
+
+5) Welchen pH-Wert hat eine Lösung, deren Wasserstoff-Ionen-Konzentration
+3,2·10-4 mol/L ist?
+
+Also: c(H3O)+ → 3.2 * 10-4
+
+pH = - log (c) → -log(3.2 * 10-4)) 
+
+	Math.log10(0.00032) => -3.494850021680094 → 3.5
+	pH = -log c(H+)
+	c = 3.2 * 10-4 mol/L→ 3.4948 → 3.5
+
+6) Eine Lösung hat den pH-Wert 7,0. Welche Wasserstoff-Ionen-Konzentration hat diese Lösung?
+
+	pH = -log c(H+)
+	7 = -log c(H+) → INV log (-7) aka 10-7 → 10-7.
+
+7) Üben von pH-Wert-Berechnungen:
+
+	pH = -log c(H+)
+
+	a) 	c(NaOH) = 0,2 mol/L → 0.7 → 14-0.7 = 13.3
+	b) 	c(NH3) = 0,01 mol/L  (Ammoniak ist eine schwache Base mit einem pKB von 4.7), daher: pOH =  (pKB – log c(NH3)) / 2 → 3.35 → 14-3.35 = 10.65
+	c) 	c(Essigsäure, pKS 4.76) = 0,5 mol/L → (pKS – log c(Essigsäure)) / 2 = 2.53
+	d) 	c(Ameisensäure, pKS 3.77) = 0,05 mol/L → (pKS – log c(Essigsäure)) / 2 = 2.54
+	e) 	5%ige HNO3 (starke Säure; Molmasse: 63 u) → Hier müssen wir zuerst berechnen wie hoch die Konzentration ist. 5% heisst 5 Gramm von 100 Gramm sind HNO3. In einem Liter (1000 Gramm) haben wir daher 50 Gramm HNO3. Dies sind → 0.793 Mol/L. → pH von 0.1.
+	f) 	c(H2SO4) = 0,05 mol/L → ist eine zweiprotonige Säure. Wenn wir den Dissoziationsgrad vernachlässigen können wir einfach sagen, das die Konzentration doppelt so hoch ist, also 0.1. → pH von 1.
+
+8) Berechne die Oxonium-Ionen-Konzentration sowie den pH-Wert einer Essigsäure-Lösung mit der Konzentration c = 0,25 mol/L.
+
+Anmerkung: Oxonium bezeichnet H3O+.
+
+Wir haben somit eine schwache Säure (Essigsäure) mit einer Konzentration
+von c = 0,25 mol/L und einem pKS Wert von 4.76.
+
+	(4.76 – log c(0.25)) / 2 = 2.68
+
+Der zweite Teil der Frage ist nun beantwortet. Wir müssen nun die H3O+ Konzentration berechnen.
+
+	pH = -log c(H+)
+
+	2.68 = -log (cH+) → 10 hoch -2.68 → 0.002 → 2 * 10-3 mol/L.
+
+9) Hat eine starke Base einen großen oder kleinen pKS-Wert? Wie
+verhalten sich pH-Wert beziehungsweise pKS-Wert beim Verdünnen einer Säure?
+
+Eine starke Base hat einen niedrigen pKS Wert.
+
+Beim Verdünnen einer Säure erhöht sich der pH-Wert.
+
+KS ist eine Konstante; der pKS-Wert verändert sich nicht.
+
+10) 100 mL (0.1 L) einer NaOH-Lösung (starke Base) mit unbekannter Äquivalentkonzentration ceq werden mit einer Schwefelsäure-Lösung (ceq = 1,0 mol/L) titriert, wobei 10 mL verbraucht werden. Welche Äquivalentkonzentration hat die vorgegebene NaOH-Lösung?
+
+Verbrauch: 10ml → 0.01L.
+Formel: c = n * V → 1.0 mol/L * 0.01L → 0.01 mol H2SO4. Da 2 Proton so wie die Konzentration doppelt so hoch, also 0.02 mol.
+	V1 = 0.1 L; c1 = 0.02 mol →  c/v = n → 0.02 mol / 0.1 L = 0.2 mol / L.
+
+→ Hier weitermachen: https://www.cup.uni-muenchen.de/puchinger/B3/ubungB3.html
+
+5) 25 mL 0.2 M NaOH werden mit 0.1 M Essigsäure (K A(HAc) = 1.8∙10 -5 ) umgesetzt. Wie groß ist der pH-Wert nach Zugabe von:
+	→ a) 0 mL
+	→ b) 25 mL
+	→ c) 50 mL und
+	→ d) 100 mL Essigsäure?
+
+Diskutieren Sie die Speziesverteilung von CH₃COOH und CH₃COO- anhand eines
+logarithmischen Diagramms für eine 0,01 molare Essigsäure. Ermitteln
+Sie graphisch den pH-Wert (qualitativ).
+'
+
+  }
+  # ========================================================================= #
+  # === Häufige Oxidationszahlen
+  # ========================================================================= #
+  # http://localhost/programming/ruby/src/roebe/lib/roebe/www/chemistry/chemistry.cgi#h%C3%A4ufige_oxidationszahlen
+  # ========================================================================= #
+  fancy2 'Häufige Oxidationszahlen','marb1px'
+  p_default_le {
+    table2('mart1px mars3em pretty_table','','',
+      '<b class="gold">Element</b>','<b class="gold">Oxidationszahl</b>',
+      'Cu (Kupfer)','+I, +II, +III, +IV'
+    )
+  }
+  # ========================================================================= #
+  # === Hilfreiche Videos
+  # ========================================================================= #
+  fancy2 'Hilfreiche Videos',
+         'on_hover_grow marl1em lightblue mart1em'
+  div_default_le { # List only good videos here.
+    video %w(
+      http://www.youtube.com/watch?v=hvmvb_hRy9w
+      http://www.youtube.com/watch?v=RnGu3xO2h74
+    )
+  }
+  # ========================================================================= #
+  # === Slogans
+  #
+  # Slogans tag Slogan tag.
+  # ========================================================================= #
+  div_default('s1em larger', 'slogans') {
+    clickable_h1 sg(:dot109, 'marr8px')+
+                 'Slogans',
+                  'mart2px marb2px lightblue'
+    p_default_le('mars1em ind0 mart1px s2em') {
+      e '- Die spontane Bildung eines unlöslichen Niederschlages
+      wird als <b>Fällung</b> bezeichnet.'
+      e '- Der gebogene <b class="FI ud">Meniskus</b> bei der Bürette
+      muss <i class="ud">ganz unten</i> abgelesen werden.'
+      e '- Die effektive Kernladung ist niedriger als die tatsächliche
+      Kernladung.'
+      e '- The starting and ending points of a reaction do not have much
+      to do with the business in between.'
+      e '- Im <b>Labor</b> sind die chemischen Reaktionen
+      unsere <b>Augen und Ohren</b>.'
+      e '- Die <b>friedfertigen Edelgase</b> leben umgeben von
+      instabilen und aggressiven Nachbarn, gleichsam in einer
+      militarisierten Zone.'
+      e '- Das <b class="ud">Periodensystem</b> ist zugleich
+      Werk der Wissenschaft und der Geschichtensammlung.'
+      e '- Die Position eines Elements bestimmt sein Schicksal.'
+      e '- <b class="ud">Hydrolyse</b> ist die <b class="ud">
+      Addition von Wasser</b> an eine Bindung. Dadurch wird
+      diese Bindung gelöst.'
+      e '- Der <b class="ud">angriffslustige Sauerstoff</b>
+      bedrängt andere Atome und zwingt ihnen seinen Willen
+      auf.'
+      e '- Die Computer führten zur Bombe und die Bombe führte
+      zu Computern.'
+      e '- Insgesamt kennt man bis heute <b>118 Elemente</b>
+      (Stand 2012).'
+      e '- "Reaktionen suchen den Weg des <b>geringsten Widerstands</b>."'
+      e '- <b class="ud">Beiionen</b> sind anwesend aber am
+      Reaktionsgeschehen <b>nicht beteiligt</b>.'
+      e '- <b>Metalle</b> unterscheiden sich hinsichtlich ihrer
+      <b class="ud">Neigung</b> <i>oxidiert zu werden</i>.'
+      e '- Je <b class="ud">höher</b> die Konzentration der
+      beteiligten Stoffe, umso <b class="ud">öfters</b> kommt
+      es zu <b class="ud">Zusammenstössen</b>, ergo auch
+      zu <i>Möglichkeiten</i> dieser Stoffe miteinander
+      chemisch zu reagieren.'
+      e '- Die Radioaktivität spielt im unteren Bereich der Elemente
+      eine ähnliche Rolle wie die Oktettregel in den höheren Gefilden
+      des Periodensystems.'
+      e '- Jedes chemische Element, das neu entdeckt wurde, erhält
+      jeweils nur eine einzige Chance für einen Namensvorschlag.'
+      e '- Grosse Mengen an <b>Helium im Gestein</b> waren
+      gleichbedeutend mit hohem Alter des Gesteins.'
+      e '- <b>Nucleophile</b> suchen eine <i>positive Ladung</i>.'
+      e '- Die Chemie als technische Wissenschaft hat sich
+      historisch aus handwerklichen Professionen entwickelt.'
+      e '- Brennstoffzellen erlauben die direkte Umwandlung
+      von chemischer in elektrische Energie ohne den Umweg
+      über eine Verbrennung.'
+      e '- Der Atomkern ist aufgrund seiner Protonen positiv
+      geladen.'
+      e '- Ein "Standard" bedeutet auch <b>losgelöst</b> von
+      Wechselwirkungen.'
+      e '- Bleiazid ist <i>hoch explosiv</i>! Also aufpassen
+      bei den Aziden. Auch Silberazid!'
+      e '- Die <b>Destillation</b> ist eine Trennungsmethode, die
+      auf der <b>unterschiedlichen Neigung</b> von Substanzen
+      beruht, Gase zu bilden.'
+      e '- Die spezifische Wärmekapazität bezieht sich immer auf
+      eine Masse.'
+      e '- The primary difference between the various metals in the
+      periodic table is the ease with which they undergo chemical
+      reactions.'
+      e '- Atome sind elektrisch neutral, folglich gilt
+      für jedes Atom <b>Protonenzahl == Elektronenzahl</b>.'
+      e '- Oktaeder: Es gibt <b>Koordinationssphären</b>
+      bei der <b>Hydratisierung</b>.'
+      e '- "Nie das Wasser in die Säure, sonst geschieht
+      das Ungeheure!"'
+      e '- Reaction rates can be controlled if we understand the factors
+      that influence them.'
+      e '- The <b>rate</b> of a chemical reaction generally
+      <span class="BOLD ud">increases</span> with <b>increasing
+      concentration of the reactants</b>.'
+      e '- Je härter ein Stoff, umso stärker ziehen sich
+      die Teilchen an.'
+      e '- Was wir als <b>Wärme</b> empfinden ist nichts
+      anderes als die Bewegungsenergie kleinster Teilchen.'
+      e '- In einem idealen Kristall ist die <b>geometrische
+      Ordnung der Teilchen</b> völlig regelmässig.'
+      e '- An chemischen Reaktionen nehmen die beteiligten Stoffe
+      in ganz bestimmten Mengenverhältnissen teil.'
+      e '- Robert Boyles Buch "<i>Der skeptische Chemiker</i>"
+      wies den Weg von der Alchemie zur Naturwissenschaft.'
+      e '- <b>Säure</b> und <b>Basen</b> ergibt <b>Salz</b>
+      und <b>Wasser</b>.'
+      e '- Jede Lösung besitzt einen <b class="ud">Sättigunsgrad</b>.'
+      e '- Natrium wird in Flaschen unter <b class="ud">Petroleum</b>
+      aufbewahrt.'
+      e '- Gelöster Stoff + Lösungsmittel = Lösung'
+      e '- Ions behave very differently than the atoms from
+      which they are formed.'
+      e '- Each Radioisotope decays at a predictable rate
+      into predictable products.'
+      e '- Die Kondensation ist eine <b class="ud">
+      Eliminationsreaktion</b>, bei der ein Wassermolekül
+      aus den Reaktanden entfernt wird.'
+      e '- Electricity transforms elements.'
+      e '- Eine <b>Stoffumwandlung</b> ist ein chemischer Vorgang.'
+      e '- Mittels Wärme kann man viele Reaktionen "aktivieren".'
+      e '- Die <b>Aktivierungsenthalpie</b> dient zum
+      <b class="ud">Auslösen eines Vorgangs</b>.'
+      e '- Flammen brennen im reinem Sauerstoff schneller und
+      heisser, da dieser nicht mit atmosphärischem
+      <b>Stickstoff</b> gestreckt ist. (Stickstoff ist ein
+      träges Gas.)'
+      e '- Ein Mangel an Jod macht aus einem klugen Mann einen
+      Idioten.'
+      e '- Puffer einer schwachen Säure reagieren sauer, Puffer
+      einer schwachen Base reagieren basisch. Bei Salzen ist es
+      genau umgekehrt. Das Salz einer schwachen Säure reagiert
+      basisch, das Salz einer schwachen Base reagiert sauer.'
+      e '- "Man muss sich nicht merken was sich löst in Wasser,
+      sondern man muss sich nur merken was sich <b>NICHT</b>
+      löst in Wasser."'
+      e '- Funktionelle Gruppen sind Gruppierungen von Atomen,
+      die funktionell eine Einheit bilden.'
+      e '- Das chemische Gleichgewicht ist <i>temperaturabhängig</i>.'
+      e '- Die Carboxylgruppe ist reaktionsträge.'
+      e '- Electrons carry energy but only in incremental amounts.'
+      e '- Bei der Auflösung von Schwefelsäure in Wasser wird eine
+      beträchtliche Wärmemenge freigesetzt.'
+      e '- The oxidizing agent is the substance that is reduced.'
+      e '- HOMO und LUMO bestimmen die Reaktivität.'
+      e '- Die Reaktivität eines Atoms hängt von dem Vorhandensein
+      ungepaarter Elektronen in seiner Valenzschale ab.'
+      e '- Das <b>VSEPR Modell</b> besagt das ein Molekül die Gestalt
+      annimmt welche die Elektronpaar-Abstoßungen minimiert.'
+      e '- Je größer der Ks-Wert einer Säure, desto stärker
+      ist diese Säure. Analoges gilt für eine Base.'
+      e '- Bei einer Kondensationsreaktion entsteht immer Wasser (H₂O).'
+      e '- Chemie spielt sich in der Elektronenhülle ab.'
+      e '- Die Stellung eines Elements im chemischen Periodensystem
+      bestimmt dessen chemische Eigenschaften.'
+      e '- <b>Phlogiston</b> kann als ein Synonym für Energie betrachtet
+      werden.'
+      e '- Für Redoxreaktionen ist es immer eminent wichtig anzugeben
+      ob eine Reaktion im sauren oder im basischen Bereich stattfindet.'
+      e '- HOMO und LUMO sind die entscheidenden Bereiche wo Chemie
+      stattfindet.'
+      e '- Ein homogenes Gemisch erscheint durch und durch
+      einheitlich.'
+      e '- Physics supplies the foundation of chemistry.'
+      e '- Chemistry is the study of matter.'
+      e '- Matter is typically characteriszed by its physicaly state
+      and its composition.'
+      e '- Materie ist alles, was Raum beansprucht und Masse hat.'
+      e '- A general strategy in how a mixture can be separated
+      into its components is by taking advantage of differences in
+      their properties, e. g. usually by their <b>different
+      densities<b>.'
+      e '- Atoms on the left side of the periodic table tend to 
+      give up electrons, while atoms on the right side of the 
+      periodic table tend to take electrons.'
+      e '- Funktionelle Gruppen eröffnen ein Spektrum 
+      chemischer Reaktivität.'
+    }
+  }
+  # ========================================================================= #
+  # === Hilfreiche Links
+  # ========================================================================= #
+  div_default('s1em'){
+    clickable_h2 'Hilfreiche Links',
+                 'martb1px'
+    div('mars0_5em mart4px') {
+      h4 sg(:dot102, 'marr6px')+
+         'Lokale Links',
+         'mart1px gold'
+      p('mars1em') {
+        abr :bioruby,    content:'SELF'
+        abr :tu_studium, content: 'SELF'
+      }
+      # ===================================================================== #
+      # === Externe Links
+      # ===================================================================== #
+      h4 sg(:dot102, 'marr6px')+
+         'Externe Links',
+         'gold'
+      p('mars1em') {
+        abr 'https://www.oci.uzh.ch/edu/lectures/material/AC_BII/',
+             content: 'Organische Chemie für Biologen',
+             css_class: 'BOLD'
+        abr 'https://www.chemie.boku.ac.at/uploads/media/einheit2.pdf',
+             content: 'Das Mischungskreuz',
+             css_class: 'BOLD'
+        abr 'https://education.jlab.org/itselemental/',
+             content: 'All chemical Elements',
+             css_class: 'BOLD'
+        abr 'https://orgchem.univie.ac.at/bio/ue-bio/',
+             content: 'Chemische Übungen Kaelig',
+             css_class: 'BOLD'
+        abr 'https://www.jbc.org/',
+             content: 'Journal of https://www.jbc.org/',
+             css_class: 'BOLD'
+        abr 'https://www.chemgapedia.de/vsengine/vlu/vsc/de/ch/8/bc/vlu/stoffwechsel/pyruvatdehydrogenase.vlu/Page/vsc/de/ch/8/bc/stoffwechsel/glycolyse/pyruv2.vscml.html',
+             content: 'ChemGapedia: 
+             https://www.chemgapedia.de/vsengine/vlu/vsc/de/ch/8/bc/vlu/stoffwechsel/pyruvatdehydrogenase.vlu/Page/vsc/de/ch/8/bc/stoffwechsel/glycolyse/pyruv2.vscml.html',
+             css_class: 'BOLD'
+      }
+    }
+  }
+}}