Fix tutorials

1 files changed, 76 insertions, 76 deletions

diff --git a/share/tutorials/tutorial-elements.de.svg b/share/tutorials/tutorial-elements.de.svg
index 1a3520a1e..955d183f5 100644
--- a/share/tutorials/tutorial-elements.de.svg
+++ b/share/tutorials/tutorial-elements.de.svg
@@ -37,58 +37,58 @@
    <path id="path831" d="m359.24 21.363c-11.313 0-22.606 4.3206-31.275 12.99l-154.09 154.06c-8.4969 8.4967-12.762 19.543-12.931 30.631h-0.0585c0 0.0395 0.0566 0.0774 0.0585 0.11702-0.002 0.18609-0.0585 0.36977-0.0585 0.55586h0.2633c2.9491 11.221 79.15 25.523 87.651 34.025 12.839 12.839-49.233 22.268-36.395 35.107 12.839 12.839 77.59 24.843 90.43 37.682 12.839 12.839-26.238 26.51-13.399 39.349s55.967-3.2094 48.155 30.28c17.338 17.338 53.512 9.0588 77.733-8.2795 12.839-12.839-24.629-11.707-11.79-24.546s45.247-12.908 72.555-43.621c-10.992-17.095-46.981-24.375-34.142-37.214s37.8-6.3179 91.659-30.777c26.292-11.941 24.12-21.01 24.019-32.006-0.002-0.23138 0-0.43973 0-0.67288h-0.0585c-0.16-11.07-4.46-22.12-12.95-30.62l-154.07-154.06c-8.66-8.667-19.99-12.987-31.3-12.987zm-1.3165 20.04c5.0295 0.13102 9.0916 3.9651 17.056 9.1279l72.789 53.977c0.79681 0.51671 1.5557 1.0557 2.2527 1.6091 0.69703 0.55327 1.3337 1.1401 1.9309 1.7261 0.5972 0.58495 1.14 1.1721 1.6383 1.7846 0.49726 0.61244 0.94845 1.2385 1.3458 1.8724 0.39844 0.6349 0.75476 1.2798 1.0532 1.9309 0.29867 0.65226 0.53281 1.325 0.7314 1.9894 0.19976 0.66341 0.36832 1.319 0.46811 1.9894 0.0999 0.67165 0.14627 1.3452 0.14627 2.0187l-43.123-20.83-4.3006 32.562-23.727-11.117-36.629 24.458-14.014-48.331-18.051 42.275-50.408 5.032 0.55587-22.439c0-5.3897 29.057-43.122 46.751-52.105l32.386-23.259c4.7787-3.0977 8.1289-4.35 11.147-4.2714zm-66.996 220.21c22.944 5.9503 48.476 13.757 68.957 13.897l0.87768 9.2157c-17.538-1.8078-54.648-10.276-63.398-14.745l-6.4363-8.3672z" stroke-width="1pt"/>
   </g>
   <use id="use2086" style="color:#000000" xlink:href="#path1124" transform="matrix(3.7991 0 0 3.7991 -428.74 -36.475)" height="1052.3622" fill-opacity=".11077" width="320.00000" y="0.0000000" x="0.0000000" font-family="sans-serif" fill="#ffffff"/>
-  <text id="text7519" opacity=".5" line-height="125%" xml:space="preserve" transform="rotate(90)" font-size="6.9693px" y="-326.81229" x="3.6203015" font-family="sans-serif" sodipodi:linespacing="125%" fill="#000000"><tspan id="tspan7521" sodipodi:role="line" x="3.6203015" style="letter-spacing:.29056" y="-326.81229">Verwenden Sie <tspan id="tspan7523" font-weight="bold">Strg+Pfeiltaste nach unten</tspan> zum Verschieben </tspan></text>
+  <text id="text7519" opacity=".5" line-height="125%"  transform="rotate(90)" font-size="6.9693px" y="-326.81229" x="3.6203015" font-family="sans-serif" sodipodi:linespacing="125%" fill="#000000"><tspan id="tspan7521" sodipodi:role="line" x="3.6203015" style="letter-spacing:.29056" y="-326.81229">Verwenden Sie <tspan id="tspan7523" font-weight="bold">Strg+Pfeiltaste nach unten</tspan> zum Verschieben </tspan></text>
   <path id="path7527" opacity=".5" style="color:#000000" d="m338.53 197.82-13.108-1.2709 7.6547-10.717z" fill-rule="evenodd" transform="matrix(.61496 .045496 .061919 -.45186 112.46 321.6)"/>
  </g>
  <text id="text1920" font-family="sans-serif" font-size="7" transform="scale(1.1307)" y="30" x="35" fill="#ffffff">
   <tspan id="tspan1668" style="letter-spacing:2.1813" fill="#ffffff" dx="0 -0.57057059 0 0 0 0 0">::ELEMENTE DES DESIGNS</tspan>
  </text>
  <rect id="d0e10" display="none" height="1e3px" width="264" y="46" x="35"/>
- <flowRoot font-family="sans-serif" font-size="7.2" font-style="italic" line-height="150%" fill="#000000">
+ <flowRoot xml:space="preserve" font-family="sans-serif" font-size="7.2" font-style="italic" line-height="150%" fill="#000000">
   <flowRegion>
    <use y="0" x="0" xlink:href="#d0e10"/>
   </flowRegion>
-  <flowDiv xml:space="preserve">Dieses Tutorial demonstriert Elemente und Prinzipien des Designs. Diese Eigenschaften der Erschaffung von Kunst werden Kunststudenten normalerweise frühzeitig beigebracht. Dies ist keine vollständige Liste - wer mag, kann dabei helfen, weitere Informationen hinzuzufügen, um diese Einführung weiter zu verbessern.</flowDiv>
+  <flowPara >Dieses Tutorial demonstriert Elemente und Prinzipien des Designs. Diese Eigenschaften der Erschaffung von Kunst werden Kunststudenten normalerweise frühzeitig beigebracht. Dies ist keine vollständige Liste - wer mag, kann dabei helfen, weitere Informationen hinzuzufügen, um diese Einführung weiter zu verbessern.</flowPara>
  </flowRoot>
  <rect id="elements-f01-de.svgrect1801" fill-rule="evenodd" transform="translate(10 116.17)" height="167.44" width="305.16" stroke="#000" y=".32084" x="7.5753" xmlns:cc="http://creativecommons.org/ns#" stroke-width=".64164" fill="#e1e1e1"/>
  <path id="elements-f01-de.svgpath1721" d="m-40.289 236.82c0 25.429-20.615 46.044-46.044 46.044s-46.044-20.615-46.044-46.044 20.615-46.044 46.044-46.044 46.044 20.615 46.044 46.044z" stroke-opacity="0.33" fill-rule="evenodd" fill-opacity=".30460" transform="translate(10 116.17) matrix(1.3533 -4.2587e-17 4.2587e-17 1.3533 309.86 -242.92)" stroke="#000" xmlns:cc="http://creativecommons.org/ns#" stroke-width="1.25" fill="#00f"/>
  <path id="elements-f01-de.svgpath1722" d="m-40.289 236.82c0 25.429-20.615 46.044-46.044 46.044s-46.044-20.615-46.044-46.044 20.615-46.044 46.044-46.044 46.044 20.615 46.044 46.044z" stroke-opacity=".32759" fill-rule="evenodd" fill-opacity=".28161" transform="translate(10 116.17) matrix(1.3533 4.2587e-17 4.2587e-17 -1.3533 248.67 398.05)" stroke="#000" xmlns:cc="http://creativecommons.org/ns#" stroke-width="1.25" fill="#ff00f5"/>
- <text id="elements-f01-de.svgtext1752" font-weight="bold" fill-opacity=".59770" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)" xml:space="preserve" line-height="100.00000%" font-size="10" y="154.377" x="102.01891" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#ff00f7"><tspan id="elements-f01-de.svgtspan1732" sodipodi:role="line" fill-opacity=".59770" dx="0 0 0 0 0 0 0 0" dy="0 0 0 0 0 0 0 0" y="154.37700" x="102.01891" fill="#ff00f7">Elemente des Designs</tspan></text>
- <text id="elements-f01-de.svgtext1755" font-weight="bold" fill-opacity="0.6" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)" xml:space="preserve" line-height="100.00000%" font-size="10" y="154.377" x="168.60974" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#0000ff"><tspan id="elements-f01-de.svgtspan1738" sodipodi:role="line" fill-opacity="0.6" dx="0 0 0 0 0 0 0 0 0 0" dy="0 0 0 0 0 0 0 0 0 0" y="154.37700" x="168.60974" fill="#0000ff">Prinzipien</tspan></text>
- <text id="elements-f01-de.svgtext1758" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)" xml:space="preserve" line-height="100.00000%" font-size="8" y="100.13462" x="90.54583" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1741" sodipodi:role="line" dx="0 0 0 0" dy="0 0 0 0" y="100.13462" x="90.545830">Farbe</tspan></text>
- <text id="elements-f01-de.svgtext1761" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)" xml:space="preserve" line-height="100.00000%" font-size="8" y="32.645866" x="116.87344" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1744" sodipodi:role="line" dx="0 0 0 0" dy="0 0 0 0" y="32.645866" x="116.87344">Linie</tspan></text>
- <text id="elements-f01-de.svgtext1764" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)" xml:space="preserve" line-height="100.00000%" font-size="8" y="47.565285" x="95.306877" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1747" sodipodi:role="line" dx="0 0 0 0" dy="0 0 0 0" y="47.565285" x="95.306877">Form</tspan></text>
- <text id="elements-f01-de.svgtext1767" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)" xml:space="preserve" line-height="100.00000%" font-size="8" y="83.103767" x="83.459221" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1750" sodipodi:role="line" dx="0 0 0 0 0" dy="0 0 0 0 0" y="83.103767" x="83.459221">Raum</tspan></text>
- <text id="elements-f01-de.svgtext1770" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)" xml:space="preserve" line-height="100.00000%" font-size="8" y="114.99348" x="101.17574" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1753" sodipodi:role="line" dx="0 0 0 0 0 0 0" dy="0 0 0 0 0 0 0" y="114.99348" x="101.17574">Textur</tspan></text>
- <text id="elements-f01-de.svgtext1773" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)" xml:space="preserve" line-height="100.00000%" font-size="8" y="129.16661" x="118.89227" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1756" sodipodi:role="line" dx="0 0 0 0 0" dy="0 0 0 0 0" y="129.16661" x="118.89227">Wert</tspan></text>
- <text id="elements-f01-de.svgtext1776" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)" xml:space="preserve" line-height="100.00000%" font-size="8" y="65.387245" x="83.459221" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1759" sodipodi:role="line" dx="0 0 0 0" dy="0 0 0 0" y="65.387245" x="83.459221">Größe</tspan></text>
- <text id="elements-f01-de.svgtext1779" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)" xml:space="preserve" line-height="100.00000%" font-size="8" y="34.637756" x="184.08173" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1762" sodipodi:role="line" dx="0 0 0 0 0 0 0" dy="0 0 0 0 0 0 0" y="34.637756" x="184.08173">Ausgeglichenheit</tspan></text>
- <text id="elements-f01-de.svgtext1782" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)" xml:space="preserve" line-height="100.00000%" font-size="8" y="51.614323" x="194.48068" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1765" sodipodi:role="line" dx="0 0 0 0 0 0 0 0" dy="0 0 0 0 0 0 0 0" y="51.614323" x="194.48068">Kontrast</tspan></text>
- <text id="elements-f01-de.svgtext1785" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)" xml:space="preserve" line-height="100.00000%" font-size="8" y="71.448875" x="199.68022" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1768" sodipodi:role="line" dx="0 0 0 0 0 0 0 0" dy="0 0 0 0 0 0 0 0" y="71.448875" x="199.68022">Betonung</tspan></text>
- <text id="elements-f01-de.svgtext1788" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)" xml:space="preserve" line-height="100.00000%" font-size="8" y="91.283318" x="199.44937" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1771" sodipodi:role="line" dx="0 0 0 0 0 0 0 0 0 0" dy="0 0 0 0 0 0 0 0 0 0" y="91.283318" x="199.44937">Proportion</tspan></text>
- <text id="elements-f01-de.svgtext1791" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)" xml:space="preserve" line-height="100.00000%" font-size="8" y="111.11781" x="193.78815" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1774" sodipodi:role="line" dx="0 0 0 0 0 0 0" dy="0 0 0 0 0 0 0" y="111.11781" x="193.78815">Muster</tspan></text>
- <text id="elements-f01-de.svgtext1803" sodipodi:linespacing="100.00000%" transform="translate(10 116.17) scale(1 .99998)" xml:space="preserve" line-height="100.00000%" font-size="7.9998" y="129.04839" x="178.64687" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1786" sodipodi:role="line" dx="0 0 0 0 0 0 0 0 0" dy="0 0 0 0 0 0 0 0 0" y="129.04839" x="178.64687">Abstufung</tspan></text>
- <text id="elements-f01-de.svgtext1806" font-weight="bold" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)" line-height="100.00000%" xml:space="preserve" font-size="8" y="80.613045" x="133.85378" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#ffffff"><tspan id="elements-f01-de.svgtspan1792" sodipodi:role="line" dx="0 0 0 0 0 0 0 0 0 0 0" dy="0 0 0 0 0 0 0 0 0 0 0" y="80.613045" x="133.85378" fill="#ffffff">Komposition</tspan></text>
- <text id="elements-f01-de.svgtext1809" font-weight="bold" fill-opacity=".21476" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)" xml:space="preserve" line-height="100.00000%" font-size="10" y="12.44677" x="12.456144" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1803" sodipodi:role="line" fill-opacity=".21476" dx="0 0 0 0 0 0 0 0" dy="0 0 0 0 0 0 0 0" y="12.446770" x="12.456144" fill="#000000">Überblick</tspan></text>
+ <text id="elements-f01-de.svgtext1752" font-weight="bold" fill-opacity=".59770" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)"  line-height="100.00000%" font-size="10" y="154.377" x="102.01891" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#ff00f7"><tspan id="elements-f01-de.svgtspan1732" sodipodi:role="line" fill-opacity=".59770" dx="0 0 0 0 0 0 0 0" dy="0 0 0 0 0 0 0 0" y="154.37700" x="102.01891" fill="#ff00f7">Elemente des Designs</tspan></text>
+ <text id="elements-f01-de.svgtext1755" font-weight="bold" fill-opacity="0.6" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)"  line-height="100.00000%" font-size="10" y="154.377" x="168.60974" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#0000ff"><tspan id="elements-f01-de.svgtspan1738" sodipodi:role="line" fill-opacity="0.6" dx="0 0 0 0 0 0 0 0 0 0" dy="0 0 0 0 0 0 0 0 0 0" y="154.37700" x="168.60974" fill="#0000ff">Prinzipien</tspan></text>
+ <text id="elements-f01-de.svgtext1758" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)"  line-height="100.00000%" font-size="8" y="100.13462" x="90.54583" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1741" sodipodi:role="line" dx="0 0 0 0" dy="0 0 0 0" y="100.13462" x="90.545830">Farbe</tspan></text>
+ <text id="elements-f01-de.svgtext1761" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)"  line-height="100.00000%" font-size="8" y="32.645866" x="116.87344" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1744" sodipodi:role="line" dx="0 0 0 0" dy="0 0 0 0" y="32.645866" x="116.87344">Linie</tspan></text>
+ <text id="elements-f01-de.svgtext1764" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)"  line-height="100.00000%" font-size="8" y="47.565285" x="95.306877" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1747" sodipodi:role="line" dx="0 0 0 0" dy="0 0 0 0" y="47.565285" x="95.306877">Form</tspan></text>
+ <text id="elements-f01-de.svgtext1767" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)"  line-height="100.00000%" font-size="8" y="83.103767" x="83.459221" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1750" sodipodi:role="line" dx="0 0 0 0 0" dy="0 0 0 0 0" y="83.103767" x="83.459221">Raum</tspan></text>
+ <text id="elements-f01-de.svgtext1770" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)"  line-height="100.00000%" font-size="8" y="114.99348" x="101.17574" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1753" sodipodi:role="line" dx="0 0 0 0 0 0 0" dy="0 0 0 0 0 0 0" y="114.99348" x="101.17574">Textur</tspan></text>
+ <text id="elements-f01-de.svgtext1773" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)"  line-height="100.00000%" font-size="8" y="129.16661" x="118.89227" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1756" sodipodi:role="line" dx="0 0 0 0 0" dy="0 0 0 0 0" y="129.16661" x="118.89227">Wert</tspan></text>
+ <text id="elements-f01-de.svgtext1776" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)"  line-height="100.00000%" font-size="8" y="65.387245" x="83.459221" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1759" sodipodi:role="line" dx="0 0 0 0" dy="0 0 0 0" y="65.387245" x="83.459221">Größe</tspan></text>
+ <text id="elements-f01-de.svgtext1779" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)"  line-height="100.00000%" font-size="8" y="34.637756" x="184.08173" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1762" sodipodi:role="line" dx="0 0 0 0 0 0 0" dy="0 0 0 0 0 0 0" y="34.637756" x="184.08173">Ausgeglichenheit</tspan></text>
+ <text id="elements-f01-de.svgtext1782" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)"  line-height="100.00000%" font-size="8" y="51.614323" x="194.48068" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1765" sodipodi:role="line" dx="0 0 0 0 0 0 0 0" dy="0 0 0 0 0 0 0 0" y="51.614323" x="194.48068">Kontrast</tspan></text>
+ <text id="elements-f01-de.svgtext1785" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)"  line-height="100.00000%" font-size="8" y="71.448875" x="199.68022" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1768" sodipodi:role="line" dx="0 0 0 0 0 0 0 0" dy="0 0 0 0 0 0 0 0" y="71.448875" x="199.68022">Betonung</tspan></text>
+ <text id="elements-f01-de.svgtext1788" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)"  line-height="100.00000%" font-size="8" y="91.283318" x="199.44937" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1771" sodipodi:role="line" dx="0 0 0 0 0 0 0 0 0 0" dy="0 0 0 0 0 0 0 0 0 0" y="91.283318" x="199.44937">Proportion</tspan></text>
+ <text id="elements-f01-de.svgtext1791" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)"  line-height="100.00000%" font-size="8" y="111.11781" x="193.78815" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1774" sodipodi:role="line" dx="0 0 0 0 0 0 0" dy="0 0 0 0 0 0 0" y="111.11781" x="193.78815">Muster</tspan></text>
+ <text id="elements-f01-de.svgtext1803" sodipodi:linespacing="100.00000%" transform="translate(10 116.17) scale(1 .99998)"  line-height="100.00000%" font-size="7.9998" y="129.04839" x="178.64687" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1786" sodipodi:role="line" dx="0 0 0 0 0 0 0 0 0" dy="0 0 0 0 0 0 0 0 0" y="129.04839" x="178.64687">Abstufung</tspan></text>
+ <text id="elements-f01-de.svgtext1806" font-weight="bold" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)" line-height="100.00000%"  font-size="8" y="80.613045" x="133.85378" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#ffffff"><tspan id="elements-f01-de.svgtspan1792" sodipodi:role="line" dx="0 0 0 0 0 0 0 0 0 0 0" dy="0 0 0 0 0 0 0 0 0 0 0" y="80.613045" x="133.85378" fill="#ffffff">Komposition</tspan></text>
+ <text id="elements-f01-de.svgtext1809" font-weight="bold" fill-opacity=".21476" sodipodi:linespacing="100.00000%" transform="translate(10 116.17)"  line-height="100.00000%" font-size="10" y="12.44677" x="12.456144" xmlns:cc="http://creativecommons.org/ns#" font-family="sans-serif" fill="#000000"><tspan id="elements-f01-de.svgtspan1803" sodipodi:role="line" fill-opacity=".21476" dx="0 0 0 0 0 0 0 0" dy="0 0 0 0 0 0 0 0" y="12.446770" x="12.456144" fill="#000000">Überblick</tspan></text>
  <text style="writing-mode:lr" font-weight="bold" font-size="8" y="309.051466" x="10" font-family="sans-serif" fill="#000000">
   <tspan y="309.051466" x="10">Elemente des Designs</tspan>
  </text>
  <rect id="d0e29" display="none" height="1e3px" width="288" y="314.25" x="10"/>
- <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
+ <flowRoot xml:space="preserve" font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
   <flowRegion>
    <use y="0" x="0" xlink:href="#d0e29"/>
   </flowRegion>
-  <flowDiv xml:space="preserve">Die folgenden Elemente sind die Grundelemente eines Designs.</flowDiv>
+  <flowPara >Die folgenden Elemente sind die Grundelemente eines Designs.</flowPara>
  </flowRoot>
  <text style="writing-mode:lr" font-weight="bold" font-size="7.5" y="344.1069348" x="10" font-family="sans-serif" font-style="italic" fill="#000000">
   <tspan y="344.1069348" x="10">Linie</tspan>
  </text>
  <rect id="d0e37" display="none" height="1e3px" width="288" y="349.61" x="10"/>
- <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
+ <flowRoot xml:space="preserve" font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
   <flowRegion>
    <use y="0" x="0" xlink:href="#d0e37"/>
   </flowRegion>
-  <flowDiv xml:space="preserve">Eine Linie ist als ein Gebilde mit Länge und Richtung definiert, erzeugt durch einen Punkt, der sich über eine Oberfläche bewegt. Eine Linie kann in Länge, Breite, Richtung, Krümmung und Farbe variieren. Linien können zweidimensional (ein Bleistiftstrich auf Papier), oder impliziert dreidimensional sein.</flowDiv>
+  <flowPara >Eine Linie ist als ein Gebilde mit Länge und Richtung definiert, erzeugt durch einen Punkt, der sich über eine Oberfläche bewegt. Eine Linie kann in Länge, Breite, Richtung, Krümmung und Farbe variieren. Linien können zweidimensional (ein Bleistiftstrich auf Papier), oder impliziert dreidimensional sein.</flowPara>
  </flowRoot>
  <g id="elements-f02-de.svgg2037" transform="translate(10 -6.21)">
   <rect id="elements-f02-de.svgrect1933" height="100.99" width="305.16" stroke="#000" y="424.42" x="7.5753" stroke-width=".49832" fill="none"/>
@@ -106,11 +106,11 @@
   <tspan y="543.4519848" x="10">Form</tspan>
  </text>
  <rect id="d0e56" display="none" height="1e3px" width="288" y="548.95" x="10"/>
- <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
+ <flowRoot xml:space="preserve" font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
   <flowRegion>
    <use y="0" x="0" xlink:href="#d0e56"/>
   </flowRegion>
-  <flowDiv xml:space="preserve">Eine Form ist ein flaches Gebilde und entsteht, wenn tatsächliche oder implizierte Linien aufeinandertreffen und einen Freiraum umschließen. Ein Wechsel in der Farbe oder Schattierung kann eine Form definieren. Formen können in verschiedene Typen unterteilt werden: geometrische (Quadrat, Dreieck, Kreis) und organische (unregelmäßig im Umriss).</flowDiv>
+  <flowPara >Eine Form ist ein flaches Gebilde und entsteht, wenn tatsächliche oder implizierte Linien aufeinandertreffen und einen Freiraum umschließen. Ein Wechsel in der Farbe oder Schattierung kann eine Form definieren. Formen können in verschiedene Typen unterteilt werden: geometrische (Quadrat, Dreieck, Kreis) und organische (unregelmäßig im Umriss).</flowPara>
  </flowRoot>
  <g id="elements-f03-de.svgg2063" xmlns:cc="http://creativecommons.org/ns#" transform="translate(10 16.1)" stroke="#000">
   <rect id="elements-f03-de.svgrect1943" height="100.99" width="305.16" y="612.21" x="7.5753" stroke-width=".49832" fill="none"/>
@@ -122,24 +122,24 @@
   <tspan y="753.5503158" x="10">Größe</tspan>
  </text>
  <rect id="d0e75" display="none" height="1e3px" width="288" y="759.05" x="10"/>
- <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
+ <flowRoot xml:space="preserve" font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
   <flowRegion>
    <use y="0" x="0" xlink:href="#d0e75"/>
   </flowRegion>
-  <flowDiv xml:space="preserve">Dieser Abschnitt bezieht sich auf Änderungen in den Proportionen von Objekten, Linien oder Formen. Objekte können unterschiedlich groß sein oder erscheinen.</flowDiv>
+  <flowPara >Dieser Abschnitt bezieht sich auf Änderungen in den Proportionen von Objekten, Linien oder Formen. Objekte können unterschiedlich groß sein oder erscheinen.</flowPara>
  </flowRoot>
  <rect id="elements-f04-de.svgrect1955" transform="translate(10 805.8)" height="100.99" width="305.16" stroke="#000" y=".24915" x="7.5753" stroke-width=".49832" fill="none"/>
- <text id="elements-f04-de.svgtext3148" font-family="sans-serif" font-weight="bold" sodipodi:linespacing="100.00000%" transform="translate(10 805.8) scale(.99998 1)" xml:space="preserve" line-height="100.00000%" font-size="122.3" y="95.748199" x="76.186218" stroke-width="3pt" fill="#000000"><tspan id="elements-f04-de.svgtspan3149" sodipodi:role="line" dx="0 0 0 0 0 0 0 0" dy="0 0 0 0 0 0 0 0" y="95.748199" x="76.186218" fill="#000000">GROSS</tspan></text>
- <text id="elements-f04-de.svgtext3154" font-family="sans-serif" font-weight="bold" sodipodi:linespacing="100.00000%" transform="translate(10 805.8) scale(.99998 1)" xml:space="preserve" line-height="100.00000%" font-size="10.077" y="95.652267" x="50.097645" stroke-width="3pt" fill="#000000"><tspan id="elements-f04-de.svgtspan3155" sodipodi:role="line" dx="0 0 0 0 0 0 0 0 0 0 0 0" dy="0 0 0 0 0 0 0 0 0 0 0 0" y="95.652267" x="50.097645" fill="#000000">klein</tspan></text>
+ <text id="elements-f04-de.svgtext3148" font-family="sans-serif" font-weight="bold" sodipodi:linespacing="100.00000%" transform="translate(10 805.8) scale(.99998 1)"  line-height="100.00000%" font-size="122.3" y="95.748199" x="76.186218" stroke-width="3pt" fill="#000000"><tspan id="elements-f04-de.svgtspan3149" sodipodi:role="line" dx="0 0 0 0 0 0 0 0" dy="0 0 0 0 0 0 0 0" y="95.748199" x="76.186218" fill="#000000">GROSS</tspan></text>
+ <text id="elements-f04-de.svgtext3154" font-family="sans-serif" font-weight="bold" sodipodi:linespacing="100.00000%" transform="translate(10 805.8) scale(.99998 1)"  line-height="100.00000%" font-size="10.077" y="95.652267" x="50.097645" stroke-width="3pt" fill="#000000"><tspan id="elements-f04-de.svgtspan3155" sodipodi:role="line" dx="0 0 0 0 0 0 0 0 0 0 0 0" dy="0 0 0 0 0 0 0 0 0 0 0 0" y="95.652267" x="50.097645" fill="#000000">klein</tspan></text>
  <text style="writing-mode:lr" font-weight="bold" font-size="7.5" y="931.2950528" x="10" font-family="sans-serif" font-style="italic" fill="#000000">
   <tspan y="931.2950528" x="10">Raum</tspan>
  </text>
  <rect id="d0e94" display="none" height="1e3px" width="288" y="936.8" x="10"/>
- <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
+ <flowRoot xml:space="preserve" font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
   <flowRegion>
    <use y="0" x="0" xlink:href="#d0e94"/>
   </flowRegion>
-  <flowDiv xml:space="preserve">Der Raum ist die Leere oder das offene Gebiet zwischen, um, über, unter, oder innerhalb von Objekten. Formen bestehen aus dem Raum um sie herum und in ihnen. Der Raum wird oft als zwei- oder dreidimensional bezeichnet. Positiver Raum ist durch eine Form gefüllt. Negativer Raum umschließt eine Form.</flowDiv>
+  <flowPara >Der Raum ist die Leere oder das offene Gebiet zwischen, um, über, unter, oder innerhalb von Objekten. Formen bestehen aus dem Raum um sie herum und in ihnen. Der Raum wird oft als zwei- oder dreidimensional bezeichnet. Positiver Raum ist durch eine Form gefüllt. Negativer Raum umschließt eine Form.</flowPara>
  </flowRoot>
  <rect id="elements-f05-de.svgrect1991" transform="translate(10 1005.3)" height="100.99" width="305.16" stroke="#000" y=".24914" x="7.5753" xmlns:cc="http://creativecommons.org/ns#" stroke-width=".49832" fill="none"/>
  <rect id="elements-f05-de.svgrect2044" fill-rule="evenodd" transform="translate(10 1005.3)" height="90.929" width="100.6" y="3.9333" x="36.104" xmlns:cc="http://creativecommons.org/ns#"/>
@@ -149,11 +149,11 @@
   <tspan y="1130.7533838" x="10">Farbe</tspan>
  </text>
  <rect id="d0e113" display="none" height="1e3px" width="288" y="1136.3" x="10"/>
- <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
+ <flowRoot xml:space="preserve" font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
   <flowRegion>
    <use y="0" x="0" xlink:href="#d0e113"/>
   </flowRegion>
-  <flowDiv xml:space="preserve">Farbe ist der wahrgenommene Charakter einer Oberfläche entsprechend der Wellenlänge des Lichts, welches davon reflektiert wird. Farbe hat drei Dimensionen: FARBTON (ein anderes Wort für Farbe, bezeichnet durch deren Name, wie rot oder gelb), WERT (ihre Helligkeit oder Dunkelheit), INTENSITÄT (ihre Stärke oder Schwäche).</flowDiv>
+  <flowPara >Farbe ist der wahrgenommene Charakter einer Oberfläche entsprechend der Wellenlänge des Lichts, welches davon reflektiert wird. Farbe hat drei Dimensionen: FARBTON (ein anderes Wort für Farbe, bezeichnet durch deren Name, wie rot oder gelb), WERT (ihre Helligkeit oder Dunkelheit), INTENSITÄT (ihre Stärke oder Schwäche).</flowPara>
  </flowRoot>
  <defs id="elements-f06-de.svgdefs3">
   <linearGradient id="elements-f06-de.svglinearGradient2620" y2="2135.3" gradientUnits="userSpaceOnUse" y1="2135.3" gradientTransform="matrix(1.7354 0 0 .57624 0 -1179.7)" x2="180.35" x1="4.2216" inkscape:collect="always">
@@ -171,11 +171,11 @@
   <tspan y="1340.3204647999999" x="10">Textur</tspan>
  </text>
  <rect id="d0e132" display="none" height="1e3px" width="288" y="1345.8" x="10"/>
- <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
+ <flowRoot xml:space="preserve" font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
   <flowRegion>
    <use y="0" x="0" xlink:href="#d0e132"/>
   </flowRegion>
-  <flowDiv xml:space="preserve">Textur ist die Art und Weise, wie sich eine Oberfläche anfühlt (tatsächliche Textur) oder wie sie aussieht (implizierte Textur). Texturen werden durch Worte wie rau, seidig oder kiesig beschrieben.</flowDiv>
+  <flowPara >Textur ist die Art und Weise, wie sich eine Oberfläche anfühlt (tatsächliche Textur) oder wie sie aussieht (implizierte Textur). Texturen werden durch Worte wie rau, seidig oder kiesig beschrieben.</flowPara>
  </flowRoot>
  <defs id="elements-f07-de.svgdefs3">
   <pattern id="elements-f07-de.svgpattern2172" inkscape:collect="always" xlink:href="#elements-f07-de.svgpattern2655" patternTransform="scale(.25)"/>
@@ -196,11 +196,11 @@
   <tspan y="1518.4987958" x="10">Wert</tspan>
  </text>
  <rect id="d0e151" display="none" height="1e3px" width="288" y="1524" x="10"/>
- <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
+ <flowRoot xml:space="preserve" font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
   <flowRegion>
    <use y="0" x="0" xlink:href="#d0e151"/>
   </flowRegion>
-  <flowDiv xml:space="preserve">Wert bedeutet, wie dunkel oder hell etwas aussieht. Man erreicht Wertänderungen bei Farben durch Hinzufügen von Schwarz oder Weiß zur Farbe. Chiaroscuro-Malerei nutzt Farbwerte in Zeichnungen durch dramatische Kontrastierung von Lichtern und Schatten in einer Komposition.</flowDiv>
+  <flowPara >Wert bedeutet, wie dunkel oder hell etwas aussieht. Man erreicht Wertänderungen bei Farben durch Hinzufügen von Schwarz oder Weiß zur Farbe. Chiaroscuro-Malerei nutzt Farbwerte in Zeichnungen durch dramatische Kontrastierung von Lichtern und Schatten in einer Komposition.</flowPara>
  </flowRoot>
  <defs id="elements-f08-de.svgdefs3">
   <linearGradient id="elements-f08-de.svglinearGradient2224" y2="5730.5" gradientUnits="userSpaceOnUse" y1="5730.5" gradientTransform="matrix(3.7006 0 0 .27023 0 -1539.9)" x2="81.905" x1="4.2527" inkscape:collect="always">
@@ -231,21 +231,21 @@
   <tspan y="1718.5930647999999" x="10">Designgrundlagen</tspan>
  </text>
  <rect id="d0e171" display="none" height="1e3px" width="288" y="1723.8" x="10"/>
- <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
+ <flowRoot xml:space="preserve" font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
   <flowRegion>
    <use y="0" x="0" xlink:href="#d0e171"/>
   </flowRegion>
-  <flowDiv xml:space="preserve">Die Grundlagen benutzen die Designelemente, um eine Komposition zu erstellen.</flowDiv>
+  <flowPara >Die Grundlagen benutzen die Designelemente, um eine Komposition zu erstellen.</flowPara>
  </flowRoot>
  <text style="writing-mode:lr" font-weight="bold" font-size="7.5" y="1762.6244717999998" x="10" font-family="sans-serif" font-style="italic" fill="#000000">
   <tspan y="1762.6244717999998" x="10">Ausgeglichenheit</tspan>
  </text>
  <rect id="d0e179" display="none" height="1e3px" width="288" y="1768.1" x="10"/>
- <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
+ <flowRoot xml:space="preserve" font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
   <flowRegion>
    <use y="0" x="0" xlink:href="#d0e179"/>
   </flowRegion>
-  <flowDiv xml:space="preserve">Ausgeglichenheit (Balance) ist das Gefühl von visueller Gleichheit in Form, Wert, Farbe, usw. Die Ausgeglichenheit kann symmetrisch und gleichmäßig sein, oder asymmetrisch und ungleichmäßig. Objekte, Werte, Farben, Texturen, Gebilde, Formen, usw. können zum Herstellen einer Ausgeglichenheit in einer Komposition benutzt werden.</flowDiv>
+  <flowPara >Ausgeglichenheit (Balance) ist das Gefühl von visueller Gleichheit in Form, Wert, Farbe, usw. Die Ausgeglichenheit kann symmetrisch und gleichmäßig sein, oder asymmetrisch und ungleichmäßig. Objekte, Werte, Farben, Texturen, Gebilde, Formen, usw. können zum Herstellen einer Ausgeglichenheit in einer Komposition benutzt werden.</flowPara>
  </flowRoot>
  <rect id="elements-f09-de.svgrect2170" transform="translate(10 1845.6)" height="100.99" width="305.16" stroke="#000" y=".24922" x="7.5753" xmlns:cc="http://creativecommons.org/ns#" stroke-width=".49832" fill="none"/>
  <path id="elements-f09-de.svgrect2562" d="m160.08 0.2492v100.99-100.99z" sodipodi:nodetypes="ccc" transform="translate(10 1845.6)" stroke="#000" xmlns:cc="http://creativecommons.org/ns#" stroke-width=".49832" fill="none"/>
@@ -257,11 +257,11 @@
   <tspan y="1971.0587397999998" x="10">Kontrast</tspan>
  </text>
  <rect id="d0e198" display="none" height="1e3px" width="288" y="1976.6" x="10"/>
- <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
+ <flowRoot xml:space="preserve" font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
   <flowRegion>
    <use y="0" x="0" xlink:href="#d0e198"/>
   </flowRegion>
-  <flowDiv xml:space="preserve">Kontrast ist das Nebeneinanderstellen von entgegengesetzten Elementen.</flowDiv>
+  <flowPara >Kontrast ist das Nebeneinanderstellen von entgegengesetzten Elementen.</flowPara>
  </flowRoot>
  <rect id="elements-f10-de.svgrect2578" fill-rule="evenodd" transform="translate(10 2011.4)" height="100.99" width="152.52" stroke="#000" y=".24905" x="159.95" stroke-width=".49832"/>
  <rect id="elements-f10-de.svgrect2579" fill-rule="evenodd" transform="translate(10 2011.4)" height="58.64" width="88.56" y="21.426" x="191.93" fill="#fff"/>
@@ -271,11 +271,11 @@
   <tspan y="2136.8822268" x="10">Betonung</tspan>
  </text>
  <rect id="d0e217" display="none" height="1e3px" width="288" y="2142.4" x="10"/>
- <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
+ <flowRoot xml:space="preserve" font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
   <flowRegion>
    <use y="0" x="0" xlink:href="#d0e217"/>
   </flowRegion>
-  <flowDiv xml:space="preserve">Betonung wird benutzt, um bestimmte Teile eines Kunstwerkes herauszustellen, um Ihre Aufmerksamkeit darauf zu lenken. Das Zentrum des Interesses oder der Brennpunkt ist der Platz, wo die Augen zuerst hinschauen.</flowDiv>
+  <flowPara >Betonung wird benutzt, um bestimmte Teile eines Kunstwerkes herauszustellen, um Ihre Aufmerksamkeit darauf zu lenken. Das Zentrum des Interesses oder der Brennpunkt ist der Platz, wo die Augen zuerst hinschauen.</flowPara>
  </flowRoot>
  <rect id="elements-f11-de.svgrect2584" fill-rule="evenodd" transform="translate(10 2200.2)" height="100.99" width="152.52" stroke="#000" y=".24905" x="159.95" xmlns:cc="http://creativecommons.org/ns#" stroke-width=".49832" fill="#c8c8c8"/>
  <rect id="elements-f11-de.svgrect2585" fill-rule="evenodd" transform="translate(10 2200.2)" height="58.64" width="88.56" y="21.426" x="191.93" xmlns:cc="http://creativecommons.org/ns#" fill="#d4d4d4"/>
@@ -286,11 +286,11 @@
   <tspan y="2325.6497778" x="10">Proportion</tspan>
  </text>
  <rect id="d0e236" display="none" height="1e3px" width="288" y="2331.1" x="10"/>
- <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
+ <flowRoot xml:space="preserve" font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
   <flowRegion>
    <use y="0" x="0" xlink:href="#d0e236"/>
   </flowRegion>
-  <flowDiv xml:space="preserve">Proportion beschreibt die Größe, Lage oder Anzahl eines Gegenstandes im Vergleich zu einem anderen.</flowDiv>
+  <flowPara >Proportion beschreibt die Größe, Lage oder Anzahl eines Gegenstandes im Vergleich zu einem anderen.</flowPara>
  </flowRoot>
  <defs id="elements-f12-de.svgdefs3">
   <linearGradient id="elements-f12-de.svglinearGradient1516">
@@ -381,8 +381,8 @@
   </g>
   <path id="elements-f12-de.svgpath1714" d="m82.055 175.84c0 31.007-25.136 56.143-56.143 56.143s-56.143-25.136-56.143-56.143 25.136-56.143 56.143-56.143 56.143 25.136 56.143 56.143z" fill-opacity=".75" transform="matrix(1.0809 0 0 .28699 146.76 3332.9)" stroke-width="1pt" fill="url(#elements-f12-de.svgradialGradient2185)"/>
  </g>
- <text id="elements-f12-de.svgtext1232" font-family="sans-serif" xml:space="preserve" transform="translate(10 2367.7)" font-size="5.1805" y="109.55157" x="7.0871472" xmlns:cc="http://creativecommons.org/ns#" stroke-width="1pt"><tspan id="elements-f12-de.svgtspan1233">Random Ant &amp; 4WD</tspan></text>
- <text id="elements-f12-de.svgtext1235" font-family="sans-serif" xml:space="preserve" transform="translate(10 2367.7)" font-size="1.2782" y="111.84713" x="7.7085347" xmlns:cc="http://creativecommons.org/ns#" stroke-width="1pt"><tspan id="elements-f12-de.svgtspan1236">SVG-Bild gezeichnet von Andrew Fitzsimon</tspan><tspan id="elements-f12-de.svgtspan2442" y="113.44485" x="7.7085347" sodipodi:role="line">Mit freundlicher Genehmigung der Open Clip Art Library</tspan><tspan id="elements-f12-de.svgtspan2444" y="115.04258" x="7.7085347" sodipodi:role="line">http://www.openclipart.org/</tspan><tspan id="elements-f12-de.svgtspan2950" y="116.64030" x="7.7085347" sodipodi:role="line"/></text>
+ <text id="elements-f12-de.svgtext1232" font-family="sans-serif"  transform="translate(10 2367.7)" font-size="5.1805" y="109.55157" x="7.0871472" xmlns:cc="http://creativecommons.org/ns#" stroke-width="1pt"><tspan id="elements-f12-de.svgtspan1233">Random Ant &amp; 4WD</tspan></text>
+ <text id="elements-f12-de.svgtext1235" font-family="sans-serif"  transform="translate(10 2367.7)" font-size="1.2782" y="111.84713" x="7.7085347" xmlns:cc="http://creativecommons.org/ns#" stroke-width="1pt"><tspan id="elements-f12-de.svgtspan1236">SVG-Bild gezeichnet von Andrew Fitzsimon</tspan><tspan id="elements-f12-de.svgtspan2442" y="113.44485" x="7.7085347" sodipodi:role="line">Mit freundlicher Genehmigung der Open Clip Art Library</tspan><tspan id="elements-f12-de.svgtspan2444" y="115.04258" x="7.7085347" sodipodi:role="line">http://www.openclipart.org/</tspan><tspan id="elements-f12-de.svgtspan2950" y="116.64030" x="7.7085347" sodipodi:role="line"/></text>
  <g id="elements-f12-de.svgg2864" xmlns:cc="http://creativecommons.org/ns#" transform="translate(10 2367.7) matrix(1.1201 0 0 1.1201 -199.55 -2562.7)">
   <path id="elements-f12-de.svgpath924" d="m147.45 91.908l-16.76-7.699 28.54-4.076 2.26 3.17" transform="matrix(.31191 0 0 .31191 184.83 2289.2)" stroke="#000" stroke-width="4.5308" fill="none"/>
   <path id="elements-f12-de.svgpath923" d="m155.46 108.55l4.98 18.12 14.49-24.46" transform="matrix(.31191 0 0 .31191 184.83 2289.2)" stroke="#000" stroke-width="4.5308" fill="none"/>
@@ -409,11 +409,11 @@
   <tspan y="2507.0048878" x="10">Muster</tspan>
  </text>
  <rect id="d0e255" display="none" height="1e3px" width="288" y="2512.5" x="10"/>
- <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
+ <flowRoot xml:space="preserve" font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
   <flowRegion>
    <use y="0" x="0" xlink:href="#d0e255"/>
   </flowRegion>
-  <flowDiv xml:space="preserve">Ein Muster wird erzeugt, indem ein Element (Line, Gebilde oder Farbe) immer und immer wiederholt wird.</flowDiv>
+  <flowPara >Ein Muster wird erzeugt, indem ein Element (Line, Gebilde oder Farbe) immer und immer wiederholt wird.</flowPara>
  </flowRoot>
  <defs id="elements-f13-de.svgdefs3">
   <pattern id="elements-f13-de.svgpattern2289" inkscape:collect="always" xlink:href="#elements-f13-de.svgpattern3032" patternTransform="matrix(1.1809 .33224 -.33224 1.1809 43.379 31.643)"/>
@@ -432,11 +432,11 @@
   <tspan y="2673.9611867999997" x="10">Abstufung</tspan>
  </text>
  <rect id="d0e274" display="none" height="1e3px" width="288" y="2679.5" x="10"/>
- <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
+ <flowRoot xml:space="preserve" font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
   <flowRegion>
    <use y="0" x="0" xlink:href="#d0e274"/>
   </flowRegion>
-  <flowDiv xml:space="preserve">Eine Abstufung von Größe und Richtung erzeugt eine lineare Perspektive. Farbabstufungen von warm nach kalt und Tonwertabstufungen von dunkel nach hell erzeugt eine atmosphärische Perspektive. Abstufungen können einem Gebilde Bedeutung und Bewegung verleihen. Eine Abstufung von dunkel nach hell wird das Auge entlang eines Gebildes führen.</flowDiv>
+  <flowPara >Eine Abstufung von Größe und Richtung erzeugt eine lineare Perspektive. Farbabstufungen von warm nach kalt und Tonwertabstufungen von dunkel nach hell erzeugt eine atmosphärische Perspektive. Abstufungen können einem Gebilde Bedeutung und Bewegung verleihen. Eine Abstufung von dunkel nach hell wird das Auge entlang eines Gebildes führen.</flowPara>
  </flowRoot>
  <defs id="elements-f14-de.svgdefs3">
   <linearGradient id="elements-f14-de.svglinearGradient3164">
@@ -458,11 +458,11 @@
   <tspan y="2884.9429978" x="10">Komposition</tspan>
  </text>
  <rect id="d0e294" display="none" height="1e3px" width="288" y="2890.1" x="10"/>
- <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
+ <flowRoot xml:space="preserve" font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
   <flowRegion>
    <use y="0" x="0" xlink:href="#d0e294"/>
   </flowRegion>
-  <flowDiv xml:space="preserve">Die Kombination von abgegrenzten Elementen, um ein Ganzes zu formen.</flowDiv>
+  <flowPara >Die Kombination von abgegrenzten Elementen, um ein Ganzes zu formen.</flowPara>
  </flowRoot>
  <defs id="elements-f15-de.svgdefs3">
   <pattern id="elements-f15-de.svgpattern2540" inkscape:collect="always" xlink:href="#elements-f15-de.svgpattern2585" patternTransform="matrix(.017913 .012179 -.012179 .017913 7.8698 48.268)"/>
@@ -578,63 +578,63 @@
   <tspan y="3052.2131547999998" x="10">Literaturverzeichnis</tspan>
  </text>
  <rect id="d0e313" display="none" height="1e3px" width="288" y="3057.4" x="10"/>
- <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
+ <flowRoot xml:space="preserve" font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
   <flowRegion>
    <use y="0" x="0" xlink:href="#d0e313"/>
   </flowRegion>
-  <flowDiv xml:space="preserve">Dieses unvollständige Literaturverzeichnis wurde zur Erstellung dieses Dokumentes benutzt.</flowDiv>
+  <flowPara >Dieses unvollständige Literaturverzeichnis wurde zur Erstellung dieses Dokumentes benutzt.</flowPara>
  </flowRoot>
  <circle cy="0" cx="0" r="2" transform="translate(15 3090.3)"/>
  <rect id="d0e319" display="none" height="1e3px" width="258" y="3084.3" x="20"/>
- <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
+ <flowRoot xml:space="preserve" font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
   <flowRegion>
    <use y="0" x="0" xlink:href="#d0e319"/>
   </flowRegion>
-  <flowDiv xml:space="preserve"><flowSpan font-weight="bold" font-family="sans-serif">http://www.makart.com/resources/artclass/EPlist.html</flowSpan>
-</flowDiv>
+  <flowPara ><flowSpan font-weight="bold" font-family="sans-serif">http://www.makart.com/resources/artclass/EPlist.html</flowSpan>
+</flowPara>
  </flowRoot>
  <circle cy="0" cx="0" r="2" transform="translate(15 3108)"/>
  <rect id="d0e326" display="none" height="1e3px" width="258" y="3102" x="20"/>
- <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
+ <flowRoot xml:space="preserve" font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
   <flowRegion>
    <use y="0" x="0" xlink:href="#d0e326"/>
   </flowRegion>
-  <flowDiv xml:space="preserve"><flowSpan font-weight="bold" font-family="sans-serif">http://www.princetonol.com/groups/iad/Files/elements2.htm</flowSpan>
-</flowDiv>
+  <flowPara ><flowSpan font-weight="bold" font-family="sans-serif">http://www.princetonol.com/groups/iad/Files/elements2.htm</flowSpan>
+</flowPara>
  </flowRoot>
  <circle cy="0" cx="0" r="2" transform="translate(15 3134.9)"/>
  <rect id="d0e333" display="none" height="1e3px" width="258" y="3128.9" x="20"/>
- <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
+ <flowRoot xml:space="preserve" font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
   <flowRegion>
    <use y="0" x="0" xlink:href="#d0e333"/>
   </flowRegion>
-  <flowDiv xml:space="preserve"><flowSpan font-weight="bold" font-family="sans-serif">http://www.johnlovett.com/test.htm</flowSpan>
-</flowDiv>
+  <flowPara ><flowSpan font-weight="bold" font-family="sans-serif">http://www.johnlovett.com/test.htm</flowSpan>
+</flowPara>
  </flowRoot>
  <circle cy="0" cx="0" r="2" transform="translate(15 3152.7)"/>
  <rect id="d0e340" display="none" height="1e3px" width="258" y="3146.7" x="20"/>
- <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
+ <flowRoot xml:space="preserve" font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
   <flowRegion>
    <use y="0" x="0" xlink:href="#d0e340"/>
   </flowRegion>
-  <flowDiv xml:space="preserve"><flowSpan font-weight="bold" font-family="sans-serif">http://digital-web.com/articles/elements_of_design/</flowSpan>
-</flowDiv>
+  <flowPara ><flowSpan font-weight="bold" font-family="sans-serif">http://digital-web.com/articles/elements_of_design/</flowSpan>
+</flowPara>
  </flowRoot>
  <circle cy="0" cx="0" r="2" transform="translate(15 3170.6)"/>
  <rect id="d0e347" display="none" height="1e3px" width="258" y="3164.6" x="20"/>
- <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
+ <flowRoot xml:space="preserve" font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
   <flowRegion>
    <use y="0" x="0" xlink:href="#d0e347"/>
   </flowRegion>
-  <flowDiv xml:space="preserve"><flowSpan font-weight="bold" font-family="sans-serif">http://digital-web.com/articles/principles_of_design/</flowSpan>
-</flowDiv>
+  <flowPara ><flowSpan font-weight="bold" font-family="sans-serif">http://digital-web.com/articles/principles_of_design/</flowSpan>
+</flowPara>
  </flowRoot>
  <rect id="d0e354" display="none" height="1e3px" width="288" y="3182.6" x="10"/>
- <flowRoot font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
+ <flowRoot xml:space="preserve" font-size="8" font-family="serif" line-height="133.00000%" fill="#000000">
   <flowRegion>
    <use y="0" x="0" xlink:href="#d0e354"/>
   </flowRegion>
-  <flowDiv xml:space="preserve">Besonderer Dank an Linda Kim (<flowSpan font-weight="bold" font-family="sans-serif">http://www.coroflot.com/redlucite/</flowSpan>) dafür, dass sie mir (<flowSpan font-weight="bold" font-family="sans-serif">http://www.rejon.org/</flowSpan>) bei diesem Tutorial geholfen hat. Dank auch an die Open Clip Art Library (<flowSpan font-weight="bold" font-family="sans-serif">http://www.openclipart.org/</flowSpan>) und die Leute, die Grafiken zu diesem Projekt beigesteuert haben.</flowDiv>
+  <flowPara >Besonderer Dank an Linda Kim (<flowSpan font-weight="bold" font-family="sans-serif">http://www.coroflot.com/redlucite/</flowSpan>) dafür, dass sie mir (<flowSpan font-weight="bold" font-family="sans-serif">http://www.rejon.org/</flowSpan>) bei diesem Tutorial geholfen hat. Dank auch an die Open Clip Art Library (<flowSpan font-weight="bold" font-family="sans-serif">http://www.openclipart.org/</flowSpan>) und die Leute, die Grafiken zu diesem Projekt beigesteuert haben.</flowPara>
  </flowRoot>
  <g transform="translate(0 3243)">
   <defs id="defs3" xmlns:cc="http://creativecommons.org/ns#">
@@ -667,7 +667,7 @@
     <path id="path1521" d="m359.24 21.363c-11.313 0-22.606 4.3206-31.275 12.99l-154.09 154.06c-8.4969 8.4967-12.762 19.543-12.931 30.631h-0.0585c0 0.0395 0.0566 0.0774 0.0585 0.11702-0.002 0.18609-0.0585 0.36977-0.0585 0.55586h0.2633c2.9491 11.221 79.15 25.523 87.651 34.025 12.839 12.839-49.233 22.268-36.395 35.107 12.839 12.839 77.59 24.843 90.43 37.682 12.839 12.839-26.238 26.51-13.399 39.349s55.967-3.2094 48.155 30.28c17.338 17.338 53.512 9.0588 77.733-8.2795 12.839-12.839-24.629-11.707-11.79-24.546s45.247-12.908 72.555-43.621c-10.992-17.095-46.981-24.375-34.142-37.214s37.8-6.3179 91.659-30.777c26.292-11.941 24.12-21.01 24.019-32.006-0.002-0.23138 0-0.43973 0-0.67288h-0.0585c-0.16-11.07-4.46-22.12-12.95-30.62l-154.07-154.06c-8.66-8.667-19.99-12.987-31.3-12.987zm-1.3165 20.04c5.0295 0.13102 9.0916 3.9651 17.056 9.1279l72.789 53.977c0.79681 0.51671 1.5557 1.0557 2.2527 1.6091 0.69703 0.55327 1.3337 1.1401 1.9309 1.7261 0.5972 0.58495 1.14 1.1721 1.6383 1.7846 0.49726 0.61244 0.94845 1.2385 1.3458 1.8724 0.39844 0.6349 0.75476 1.2798 1.0532 1.9309 0.29867 0.65226 0.53281 1.325 0.7314 1.9894 0.19976 0.66341 0.36832 1.319 0.46811 1.9894 0.0999 0.67165 0.14627 1.3452 0.14627 2.0187l-43.123-20.83-4.3006 32.562-23.727-11.117-36.629 24.458-14.014-48.331-18.051 42.275-50.408 5.032 0.55587-22.439c0-5.3897 29.057-43.122 46.751-52.105l32.386-23.259c4.7787-3.0977 8.1289-4.35 11.147-4.2714zm-66.996 220.21c22.944 5.9503 48.476 13.757 68.957 13.897l0.87768 9.2157c-17.538-1.8078-54.648-10.276-63.398-14.745l-6.4363-8.3672z" stroke-width="1pt"/>
    </g>
    <use id="use1328" style="color:#000000" xlink:href="#path1508" transform="matrix(5.1767 0 0 5.1767 -102.7 -256.62)" height="1052.3622" fill-opacity=".064615" width="744.09448" y="0" x="0" font-family="sans-serif" fill="#ffffff"/>
-   <text id="text7519" opacity=".5" line-height="125%" xml:space="preserve" transform="rotate(-90)" font-size="6.9693px" y="-6.5672836" x="-70.83046" font-family="sans-serif" sodipodi:linespacing="125%" fill="#000000"><tspan id="tspan7521" sodipodi:role="line" x="-70.83046" style="letter-spacing:.29056" y="-6.5672836">Verwenden Sie <tspan id="tspan7523" font-weight="bold">Strg+Pfeiltaste nach oben</tspan> zum Verschieben </tspan></text>
+   <text id="text7519" opacity=".5" line-height="125%"  transform="rotate(-90)" font-size="6.9693px" y="-6.5672836" x="-70.83046" font-family="sans-serif" sodipodi:linespacing="125%" fill="#000000"><tspan id="tspan7521" sodipodi:role="line" x="-70.83046" style="letter-spacing:.29056" y="-6.5672836">Verwenden Sie <tspan id="tspan7523" font-weight="bold">Strg+Pfeiltaste nach oben</tspan> zum Verschieben </tspan></text>
    <path id="path7527" opacity=".5" style="color:#000000" d="m338.53 197.82-13.108-1.2709 7.6547-10.717z" fill-rule="evenodd" transform="matrix(-.61496 -.045496 -.061919 .45186 207.79 -245.15)"/>
   </g>
  </g>