chemistry_paradise 1.1.26

data/lib/chemistry_paradise/www/chemistry/chemistry.rb

@@ -0,0 +1,1526 @@
+english('Chemistry') {
+css_style '
+
+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;
+}
+
+a:link        { color:#3C9C23}
+a:visited     { color:#3C9C23}
+a:hover       { color:#62F962}
+a:active      { color:#98FB98}
+
+p {
+  margin:   4px;
+  padding: 12px;
+}
+
+p.default {
+  margin-top: 1em;
+}
+
+pre {
+  font-size:1.3em;
+}
+
+div.default {
+  padding:       12px;
+  padding-left:  0.3em;
+  padding-right: 0.3em;
+  margin-bottom: 3px;
+  margin-top:    4px;
+  border: 1px dotted darkblue;
+}
+
+#header h1 {
+  line-height: 2em;
+  height:   2.5em;
+}
+
+#header {
+  padding: 5px;
+  border-bottom: 2px solid #AAA;
+  background:    #555 no-repeat 100% 5px fixed;
+}
+
+h4 {
+  margin-bottom: 1px;
+}
+.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'
+font_size 'def'
+body_css_class 'mar0 pad0px BG_Black White'
+body_style 'width: 100%'
+
+@counter_n_aufgaben = 0
+# =========================================================================== #
+# === aufgabe
+# =========================================================================== #
+def aufgabe(i)
+  @counter_n_aufgaben += 1
+  e '<b>'+@counter_n_aufgaben.to_s+')</b> '+i
+end
+
+doc('mar0px pad0px',
+    '','padding:0.0em;') {
+# =========================================================================== #
+# === The main header (aka internal title)
+# =========================================================================== #
+h1 'Chemistry',
+   'mart0px center alternative',
+   'header',
+   'color: palegreen;
+    font-weight: bold;
+    font-size:   80px;
+    padding:      5px;
+    border: 2px dotted tomato;
+    '
+  div('mar0px pad0px s1em') {
+  p {
+    dimg2 'science/PERIODIC_ELEMENTS.png',
+          'https://pubchem.ncbi.nlm.nih.gov/periodic-table/Periodic_Table.png',
+          'marl5em'
+    br
+    dimg 'science/PERIODIC_ELEMENTS_ACCURATE.png'
+  }
+  div_default {
+    dimg 'science/chemistry/CHEMICAL_BONDS.png',
+         'bblack1 mars2em'
+  }
+  # =========================================================================== #
+  # === Interesting substances
+  # =========================================================================== #
+  h3 dot(102, 'marr8px')+
+    'Interesting substances','lightblue'
+  p {
+    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.'
+  }
+  # =========================================================================== #
+  # === Bisphenol A (BPA) tag
+  # =========================================================================== #
+  h2 'Bisphenol A',
+     'on_hover_grow'
+  div {
+    dimg 'science/chemistry/BISPHENOL_A.png',
+         'bblack2 BG_White mar0_5em mars2em'
+    p {
+      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.'
+    }
+  }
+  # ========================================================================= #
+  # === Kohlenstoff tag
+  # ========================================================================= #
+  h2 'Kohlenstoff',
+     'on_hover_grow'
+  p {
+    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.'
+  }
+  # ========================================================================= #
+  # === Sulfid
+  # ========================================================================= #
+  p {
+    e 'Sulfid: HS<sup>-</sup>'
+    br
+    e '<b>Beta Mercaptoethanol</b> - reduziert Disulfidbrücken'
+  }
+  # ========================================================================= #
+  # === Pestizid tag
+  # ========================================================================= #
+  h2 'Pestizide',
+     'on_hover_grow'
+  div {
+    p {
+      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.
+  # ========================================================================= #
+  h2 'Alkansäuren',
+     'BO on_hover_grow'
+  p {
+    dimg 'science/chemistry/ALKAN_SAUREN.jpg',
+         'mars3em'
+    abr 'https://www.seilnacht.com/Lexikon/carbons.html',
+        content: 'Guter Link zu Carbonsäuren',
+        css_class: 'mars3em'
+  }
+  # ========================================================================= #
+  # === Gefahrengutzeichen
+  # ========================================================================= #
+  div(id: 'gefahrengutzeichen') { # rf chemistry gefahrengutzeichen
+    h3 'Gefahrengutzeichen'
+    dimg 'science/chemistry/GEFAHRENGUTZEICHEN.png'
+    dimg 'science/chemistry/GEFAHRENSYMBOLE.jpg'
+  }
+  # ========================================================================= #
+  # === Acetonitril tag (2009)
+  # ========================================================================= #
+  h2 'Acetonitril (C₂H₃N, wobei es eine Dreifachbindung zwischen C
+  und N gibt)','on_mouse_over_underline'
+  p_default('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 Indol Gruppe.
+  # ========================================================================= #
+  h2 'Indol-Gruppe'
+  div {
+    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'
+  }
+  div {
+    dimg 'science/chemistry/TAUTOMERIC_FORMS_OF_NUCLEOTIDES.jpg'
+    dimg 'science/chemistry/DNA.jpg'
+  }
+  # ========================================================================= #
+  # === Dichte tag
+  # ========================================================================= #
+  div {
+    e 'Die Dichteangabe eines Stoffes ist temperaturabhängig und sollte
+    daher immer die Angabe der Temperatur, für die sie gilt,
+    inkludieren.'
+  }
+  # ========================================================================= #
+  # === Rechnen in der Chemie
+  # ========================================================================= #
+  h3 'Rechnen in der Chemie'
+  div {
+    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'
+  }
+  # ========================================================================= #
+  # === Die Molmasse
+  # ========================================================================= #
+  h2 'Die Molmasse'
+  div_default {
+    e 'Die Formel hierzu ist: n = m / M'
+    br
+    dimg 'science/chemistry/MOL_MASS_FORMULA.png',
+         'mars2em'
+    br
+    e 'Betrachtet wir hierzu ein Rechenbeispiel.'
+    br
+    e 'Gegeben sei folgende Fragestellung.'
+    br
+    e 'Welche Stoffmenge ist in 5 ml Ethanol (Formel C2H6O) enthalten?
+    Molmassen C:12,01 g/mol; H: 1,00 g/mol; O: 16,00 g/mol;
+    Dichte 789 kg/m3'
+    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: C2H6O. 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>.'
+  }
+  # ========================================================================= #
+  # === Säuren und Basen tag
+  # ========================================================================= #
+  div_default {
+    h2 'Säuren und Basen',
+       'mart1px'
+    br
+    e 'Der pH Wert einer starken Säure kann nach folgender Formel berechnet
+    werden:'
+    br
+    le '  pH = - log [H+]'
+    br
+    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))'
+    br
+    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
+    cmd '-2.5 INV log = 3.16 * 10**-3'
+    br
+    e 'Da jedes Mol H2SO4 zwei Mole Hydroniumionen bildet, gilt:'
+    br
+    cmd '3.16 * 10**-3 / 2 = 1.58 * 10**-3'
+    br
+    e 'Für das <b>Ionenprodukt</b> des Wassers gilt:'
+    br
+    le '  pH + pOH = 14'
+    br
+    e 'Für starke Basen gilt ähnliches.'
+    br
+    e 'Beispiel #3: Wie groß ist der pH-Wert einer 7.6 * 10**-3-molaeren
+    Kaliumhydroxid-Lösung?'
+    br
+    p_default {
+      e 'Beispiel #4: 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 'Kb ist 0.00018.'
+      br
+      e 'pKb = <b>3.755 - log(0.1)</b> = 4.744'
+      br
+      e 'Formel ist: pH = ½ (pKs - log cHA)'
+      br
+      e 'Ergibt pH = <b>11.12765</b>.'
+    }
+  }
+  # ========================================================================= #
+  # Bekannte Formeln.
+  # ========================================================================= #
+  div('default') {
+    h4 'Bekannte Formeln:','mart1px'
+    table2 'marl1em','','',
+      '<b>Natriumchromat:</b>','Na2CrO4',
+      '<b>Ammoniumhydroxid:</b>','NH4OH'
+  }
+  div('default s1em') {
+    e 'Übungslinks:',
+      'larger bold marb1em'
+    p_default {
+      abr 'https://learnattack.de/chemie/aufgaben',
+           content: 'Rechenbeispiele mit Lösungen für Chemie',
+           css_class: 'mars2em'
+    }
+  }
+  # ========================================================================= #
+  # === Löslichkeitsprodukt
+  # ========================================================================= #
+  # http://localhost/programming/ruby/src/chemistry_paradise/lib/chemistry_paradise/www/chemistry/chemistry.cgi#löslichkeitsprodukt
+  # ========================================================================= #
+  h2 'Löslichkeitsprodukt',
+     'on_hover_grow'
+  div('default','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 mars1em'
+    cmd '  0.0225 M² / 0.425M * 0.1901M³ =','gold BOLD mars1em'
+    cmd '  0.0225 / 0.425 * 0.1901M⁻² = <b>0.2785 * M⁻²</b>','gold BOLD mars1em'
+    br
+    e 'Sehen wir ein weiteres Beispiel an:'
+    br
+    p_default {
+      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'
+    }
+  }
+  # ========================================================================= #
+  # === Empirische Formeln
+  # ========================================================================= #
+  div('default', id: 'empirische_formel_berechnen') {
+    h2 'Empirische Formel berechnen'
+    p {
+      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>.'
+    }
+  }
+  # ========================================================================= #
+  # === Massenkonzentration tag
+  # ========================================================================= #
+  div('default', id: 'Massenkonzentration') {
+    h2 'Massenkonzentration'
+    p {
+      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)'
+    }
+  }
+  # ========================================================================= #
+  # === Stoffmenge
+  # ========================================================================= #
+  div('default', id: 'Stoffmenge') {
+    h2 'Stoffmenge'
+    p {
+      e 'Gegeben ist Natriumsulfat, 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.'
+    }
+  }
+  # ========================================================================= #
+  # === Stoffmengenkonzentration tag
+  #
+  # Dies ist:  c = n / V
+  #
+  #   rf chemistry Stoffmengenkonzentration
+  #
+  # ========================================================================= #
+  div('default', id: 'Stoffmengenkonzentration') {
+    h2 'Stoffmengenkonzentration c'
+    p_default {
+      e 'Die Stoffmengenkonzentration c wurde früher "Molarität M" genannt.'
+      br
+      cmd '  c(X) = n(X) / V [mol/L = mol · L-1]'
+      br
+      e 'Die Umrechnung von m in V über Dichte:'
+      br
+      cmd '  r = m / V'
+      br
+    }
+    # ======================================================================= #
+    # === Übungsbeispiel
+    # ======================================================================= #
+    h4 'Übungsbeispiel:'
+    br
+    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
+    e 'c1 = 5 mol; V1 = gesucht; c2 = 1 mmol; V2 = 1L'
+    br
+    boldbr 'Umwandeln:'
+    br
+    e 'c1 = 5000 mmol; V1 = gesucht; c2 = 1 mmol; V2 = 1L'
+    br
+    e 'V1 = c2 * V2 / c1 → 1 mmol * 1 L / 5000 mmol → 1/5000 L → 0.0002 L →  0.2 mL.'
+    br
+  }
+  # ========================================================================= #
+  # === Molalität tag
+  # ========================================================================= #
+  div('default', id: 'Molalität') {
+    h2 'Molalität'
+    p_default {
+      e 'Die Molalität ist definiert als Quotient aus:'
+      br
+      lem 'der Stoffmenge n des betrachteten gelösten Stoffes i'
+      lem 'der Masse mj des Lösungsmittels j'
+      br
+      cmd ' b i = n i *  m j'
+      br
+      e 'Die Einheiten sind somit: [mol/kg Lösungsmittel]'
+    }
+  }
+  # ========================================================================= #
+  # === Normalität tag
+  # ========================================================================= #
+  div('default', id: 'Normalität') {
+    h2 'Normalität'
+    p_default {
+      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?'
+      br
+      e 'Zuerst müssen wir herausfinden wieviel Mole wir haben, pro Liter.'
+      br
+      e '27.8 Liter sind ... 27,8 / 22,4 = 1,241 Mol'
+      br
+      e '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'
+    }
+  }
+  # ========================================================================= #
+  # === Partialdruck tag
+  #
+  #   rf chemistry partialdruck
+  #
+  # ========================================================================= #
+  # http://localhost/programming/ruby/src/chemistry_paradise/lib/chemistry_paradise/www/chemistry/chemistry.cgi#partialdruck
+  # ========================================================================= #
+  h2 'Partialdruck berechnen',
+     'on_hover_grow'
+  div('default', id: 'partialdruck') {
+    p_default {
+      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 ist somit 293°Kelvin.'
+      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
+    }
+  }
+  # ========================================================================= #
+  # === Gase
+  # ========================================================================= #
+  # http://localhost/programming/ruby/src/chemistry_paradise/lib/chemistry_paradise/www/chemistry/chemistry.cgi#gase
+  # ========================================================================= #
+  h2 'Gase',
+     'on_hover_grow'
+  div('default', id: 'gase') {
+    p_default {
+      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/chemistry_paradise/lib/chemistry_paradise/www/chemistry/chemistry.cgi#die_allgemeine_gasgleichung
+    # ======================================================================= #
+    div_default(id: 'die_allgemeine_gasgleichung') {
+      e 'Die allgemeine Gasgleichung:'
+      br
+      cmd '  p = n * R * T / V'
+      br
+      # ===================================================================== #
+      # === Aufgabe 1
+      # ===================================================================== #
+      boldbr 'Übungsbeispiel'
+      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
+    # ======================================================================= #
+    p_default {
+      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 2
+    # ======================================================================= #
+    p_default {
+      aufgabe 'Welches Volumen nimmt das Gas aus Beispiel 1 ein, wenn es
+      bei unveränderter Temperatur auf 100 Torr entspannt wird?'
+      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 3
+    # ======================================================================= #
+    p_default {
+      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 4
+    # ======================================================================= #
+    p {
+      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'
+      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)'  
+      br
+      e ''
+    }
+    # ======================================================================= #
+    # === Aufgabe 5
+    # ======================================================================= #
+    p {
+      aufgabe 'Wieviel Prozent Kohlenstoff enthält eine Verbindung mit der Summenformel
+      C7H7NO2?'
+      e 'Gesamtmasse: 137.137; Masse C: 84.077. Prozent-Anteil: 61% Kohlenstoff'
+    }
+  }
+  # ========================================================================= #
+  # === Massenanteil tag
+  #
+  # Alles über Massenanteile.
+  # ========================================================================= #
+  div('default', id: 'massenanteil') {
+    h2 'Massenanteil'
+    p {
+      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 {
+      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%).'
+    }
+  }
+  # ========================================================================= #
+  # === Mischungen und Verdünnungen tag
+  #
+  # Alles über Mischungen, Lösungen und Verdünnungen.
+  # ========================================================================= #
+  div('default', id: 'mischungen_und_verdünnungen') {
+    h2 'Mischungen und Verdünnungen'
+    p {
+      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
+    }
+  }
+  # ========================================================================= #
+  # === Quantenzahlen tag
+  # ========================================================================= #
+  div('default') {
+    h2 'Quantenzahlen'
+    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>
+</table>
+'
+}
+  }
+  # ========================================================================= #
+  # === Übungsbeispiele Umsetzungsreaktionen
+  # ========================================================================= #
+  h1 'Übungsbeispiele Umsetzungsreaktionen','lightblue'
+  div_default {
+    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.'
+  }
+  # ========================================================================= #
+  # === Übungsbeispiele
+  # ========================================================================= #
+  h1 'Übungsbeispiele','lightblue'
+  div {
+    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.'
+    e 'Reaktionsformel:'
+    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?'
+  }
+  div {
+    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 (initial
+    volume)'
+    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:
+    • (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 bzw. 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 3 COOH und CH 3 COO - anhand eines logarithmischen Diagramms für eine 0,01 molare Essigsäure. Ermitteln Sie graphisch den pH-Wert (qualitativ).
+'
+
+  }
+  # ========================================================================= #
+  # === Safety tag
+  # ========================================================================= #
+  h2 'Safety'
+  div('default') {
+    lembre '- Add acid to water and not water to acid. "<i>Erst das Wasser,
+    dann die Säure, sonst geschieht das Ungeheure.</i>"'
+  }
+  # ========================================================================= #
+  # === Reaktionsenthalpie
+  # ========================================================================= #
+  h2 'Reaktionsenthalpie'
+  div('default') {
+    e 'Die Formel hierzu ist:'
+    br
+    le 'Delta H'
+  }
+  # ========================================================================= #
+  # === Hilfreiche Videos
+  # ========================================================================= #
+  div { # List only good videos here.
+    h2 'Hilfreiche Videos'
+    video %w(
+      http://www.youtube.com/watch?v=hvmvb_hRy9w
+      http://www.youtube.com/watch?v=RnGu3xO2h74
+      http://www.youtube.com/watch?v=ritaljhhk7s
+    )
+  }
+  # ========================================================================= #
+  # === Gummi tag
+  #
+  # URL: https://www.derstandard.at/story/1231152712461/studie-gummi-chemikalie-offenbar-krebsausloesend
+  # ========================================================================= #
+  div {
+    h2 'Gummi'
+    e '25.01.2009'
+    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.'
+  }
+  # ========================================================================= #
+  # === DBT Tag                                                  (16.11.2008)
+  # ========================================================================= #
+  div {
+    h2 'Dibutylzinn DBT - 16.11.2008'
+    p {
+      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.'
+    }
+  }
+  # ========================================================================= #
+  # === TIERFUTTER TAG. AMINOPTERIN TAG. rf std tierfutter
+  #
+  # 24.03.2007.
+  # ========================================================================= #
+  div(id: 'tierfutter'){
+    boldbr '24.03.2007:'
+    p {
+      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.'
+    }
+  }
+  # ========================================================================= #
+  # === Slogans
+  #
+  # Slogans tag Slogan tag.
+  # ========================================================================= #
+  div('default s1em larger',
+      'slogans') {
+    h1 sg(:dot109, 'marr8px')+
+       'Slogans',
+       'mart2px marb1em lightblue'
+    p('mars1em ind0 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 '- Alle auftretenden Ladungen können immer nur
+      ein <b class="ud">ganzzahliges Vielfaches der
+      Elementarladung</b> sein.'
+      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 '- <b>Säure</b> - <b>Wasser</b> ergibt <b>Säureanhydrid</b>.'
+      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 Elektronegativitäts-Werte sind relative Werte.'
+      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 '- 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 '- Physics supplies the foundation of chemistry.'
+    }
+  }
+  # ========================================================================= #
+  # === Hilfreiche Links
+  # ========================================================================= #
+  div('default s1em'){
+    h2 'Hilfreiche Links',
+       'martb1px'
+    div('mars0_5em mart4px') {
+      h4 sg(:dot102, 'marr6px')+'Lokale Links','mart1px'
+      p('mars1em') {
+        abr :bioruby,    content:'SELF'
+        abr :tu_studium, content: 'SELF'
+      }
+      # ===================================================================== #
+      # === Externe Links
+      # ===================================================================== #
+      h4 sg(:dot102, 'marr6px')+'Externe Links'
+      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'
+      }
+    }
+  }
+}}}