API tools faq
paste
Advertisement
Guest User

Lina HTML

a guest
May 27th, 2018
304
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 57.15 KB | None | 0 0
raw download clone embed print report
  1. HTML:
  2.  
  3. <!doctype html>
  4. <html lang="en-US">
  5. <head>
  6. <link href="https://fonts.googleapis.com/css?family=Lato|Lobster" rel="stylesheet">
  7. <meta charset="UTF-8">
  8. <title>Garden7</title>
  9. <link href="css/style.css" rel="stylesheet" type="text/css">
  10. <link href="jq/jquery-ui.css" rel="stylesheet">
  11.  
  12. <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  13.  
  14. <script src="jq/jquery-ui.js"></script>
  15. <script>
  16. $( function() {
  17. $( "#datepicker" ).datepicker();
  18. } );
  19. </script>
  20.  
  21.  
  22.  
  23. </head>
  24. <body>
  25. <!-- Main Container -->
  26. <div class="container">
  27. <!-- Navigation -->
  28. <header > <a href="header">
  29. <img src="images/logo.png" alt="Logo" width="200" height="200" class="logo"/> </a>
  30. <nav >
  31. <ul class="navtext">
  32. <li><a href="#home"></a></li>
  33. <li><a href="#kleingartenverein">Kleingartenverein</a>
  34. <ul>
  35. <li><a href="#Verein">Verein</a></li>
  36. <li><a href="#termine">Termine</a></li>
  37. <li><a href="#parzellen">Parzellenverwaltung</a></li>
  38. </ul>
  39. </li>
  40.  
  41. <li><a href="#Parzellenverwaltung">Urban Gardening</a>&nbsp;
  42. <ul>
  43. <li><a href="#UG">UG was ist das?</a></li>
  44. <li><a href="#ugundkgv">UG im KGV</a></li>
  45. <li><a href="#termin">Angebote/Termine</a></li>
  46. </ul>
  47. </li>
  48. <li><a href="#urbangardening">Galerie</a></li>
  49. <li><a href="#angebotetermine">Kontakt</a></li>
  50. <li><a href="#impressum">Impressum</a></li>
  51. </ul>
  52. </nav>
  53. </header>
  54.  
  55. <!--hier endet die navigation-->
  56.  
  57. <!-- Überschrift-->
  58. <section class="home" id="home">
  59. <h2 class="home_header" style="font-size:50px;" >Wir sind da für unsere Mitglieder <br> und für unsere Nachbarn.<br></h2>
  60. <p class="uhome" style="font-size: 23px; ">„Ein Menschheitstraum: Die Erde in einen blühenden Garten zu verwandeln.<br>
  61. Wer Träume verwirklichen will, muss tiefer träumen und wacher sein als andere.“<br> <br>
  62. Karl Foerster
  63. </p>
  64. <ol ng-repeat="fontFamily in sampleCss.fontFamilies | orderBy:'fontFamily.name'">
  65. </ol>
  66. </section>
  67.  
  68. <!-- Überschrift ENDE-->
  69.  
  70. <!-- kleingartenverein-->
  71.  
  72. <section class="kleingarten" id="kleingarten">
  73. <h2 class="home_header2" style="font-size: 50px;">Kleingartenverein<br></h2>
  74. <img src="images/gerd.jpg" alt="Gerd Gärtner" width="" height="" class=""/>
  75. <h2 style="font-size: 30px;">Wir begrüßen Euch und Sie herzlich auf der Website des Kleingartenvereins garden7 – dem schnellsten Kleingartenverein Hamburgs!</h2>
  76. <p class="kgv-text" style="font-size: 20px;">Unser Kleingartenverein wurde durch die A7, einer der meistbefahrenen Straßenabschnitte Deutschlands, erst möglich. Wo täglich mehr als 113000 Autos und LKWs fahren, soll eine Kleingartenidylle entstehen? Wie passt das zusammen – geht das überhaupt?
  77. Ja das geht, aber natürlich nicht einfach so. Denn gerade der Bodenaufbau und die Bodenqualität müssen der gewünschten Nutzung durch einen Kleingartenverein gerecht werden. Der Boden ist frei von Altlasten – Sie können sich bedenkenlos und Ihre selbst angebauten Obstsorten schmecken lasse!
  78. Interessieren Sie sich für freie Parzellen oder das Vereinsleben, so sind Sie hier richtig.
  79.  
  80. Gerd Gärtner</p>
  81. <!--Kleingartenverein ENDE-->
  82.  
  83. <!-- Parzellen -->
  84.  
  85. </section>
  86. <section class="prazellen" id="parzellen">
  87. <h2 class="home_header2" style="font-size: 50px;">Parzellenverwaltung<br></h2>
  88. <p class="kgv-text" style="font-size: 20px;">Schaffen Sie sich Ihr eigenes kleines Paradies. Hier finden Sie Ihr eigenes kleines Fleckchen Erde, auf dem Sie Ihre Träume von einem Stückchen Natur mitten in der Stadt verwirklichen können. Fahren Sie mit der Maus über die freien Parzellen und erfahren Sie, was Sie dort erwartet.</p>
  89. <svg id="Parzellen"
  90. data-name="Parzellen"
  91. xmlns="http://www.w3.org/2000/svg"
  92. viewBox="0 0 1248.37 970.82">
  93. <defs>
  94. <style>
  95.  
  96. .cls-1 {
  97. fill: #96ff00;
  98. }
  99.  
  100. .cls-1, .cls-11, .cls-12, .cls-13, .cls-2, .cls-25, .cls-26, .cls-29, .cls-7, .cls-8, .cls-9 {
  101. stroke: #000;
  102. stroke-miterlimit: 10;
  103. }
  104.  
  105. .cls-2 {
  106. fill: #d3f4ae;
  107. }
  108.  
  109. .cls-3 {
  110. font-size: 25px;
  111. }
  112.  
  113. .cls-14, .cls-3 {
  114. font-family: MyriadPro-Regular, Myriad Pro;
  115. }
  116.  
  117. .cls-4 {
  118. letter-spacing: -0.03em;
  119. }
  120.  
  121. .cls-5 {
  122. letter-spacing: -0.01em;
  123. }
  124.  
  125. .cls-6 {
  126. letter-spacing: 0em;
  127. }
  128.  
  129. .cls-7 {
  130. fill: #dcc182;
  131. }
  132.  
  133. .cls-8 {
  134. fill: #00b600;
  135. }
  136.  
  137. .cls-9 {
  138. fill: #96e048;
  139. }
  140.  
  141. .cls-10 {
  142. fill: #b90e00;
  143. }
  144.  
  145. .cls-11 {
  146. fill: #c9c9c9;
  147. }
  148.  
  149. .cls-12 {
  150. fill: #90ff00;
  151. }
  152.  
  153. .cls-13 {
  154. fill: #fce275;
  155. }
  156.  
  157. .cls-14 {
  158. font-size: 22.46px;
  159. }
  160.  
  161. .cls-15 {
  162. letter-spacing: 0.01em;
  163. }
  164.  
  165. .cls-16 {
  166. letter-spacing: 0.02em;
  167. }
  168.  
  169. .cls-17 {
  170. letter-spacing: -0.01em;
  171. }
  172.  
  173. .cls-18 {
  174. letter-spacing: 0em;
  175. }
  176.  
  177. .cls-19 {
  178. letter-spacing: -0.01em;
  179. }
  180.  
  181. .cls-20 {
  182. letter-spacing: -0.01em;
  183. }
  184.  
  185. .cls-21 {
  186. letter-spacing: 0em;
  187. }
  188.  
  189. .cls-22 {
  190. letter-spacing: -0.03em;
  191. }
  192.  
  193. .cls-23 {
  194. letter-spacing: 0em;
  195. }
  196.  
  197. .cls-24 {
  198. letter-spacing: -0.05em;
  199. }
  200.  
  201. .cls-25 {
  202. fill: #a2ff00;
  203. }
  204.  
  205. .cls-26 {
  206. fill: #8efc00;
  207. }
  208.  
  209. .cls-27, .cls-30 {
  210. font-size: 12.38px;
  211. }
  212.  
  213. .cls-27, .cls-28, .cls-30, .cls-31 {
  214. font-family: Arial-Black, Arial Black;
  215. }
  216.  
  217. .cls-28 {
  218. font-size: 19.6px;
  219. }
  220.  
  221. .cls-28, .cls-30, .cls-31 {
  222. fill: #fff;
  223. }
  224.  
  225. .cls-29 {
  226. fill: #ff9803;
  227. }
  228.  
  229. .cls-31 {
  230. font-size: 10.32px;
  231. }
  232.  
  233. .cls-32 {
  234. letter-spacing: -0.05em;
  235. }
  236.  
  237. .cls-33 {
  238. letter-spacing: 0em;
  239. }
  240.  
  241. .cls-34 {
  242. letter-spacing: 0.02em;
  243. }
  244.  
  245. /*Hover für 5 parzellen - ausgeblendet↓*/
  246. #tooltip18, #tooltip31, #tooltip60, #tooltip104, #tooltip105
  247. {
  248. opacity: 0;
  249. }
  250. /*Hovereffekt parzelle18↓*/
  251. #_18:hover ~#tooltip18
  252. {
  253. opacity:1;
  254. }
  255.  
  256. /*Hovereffekt parzelle31↓*/
  257. #_31:hover ~#tooltip31
  258. {
  259. opacity:1;
  260. }
  261.  
  262.  
  263. /*Hovereffekt parzelle60↓*/
  264. #_60:hover ~#tooltip60
  265. {
  266. opacity:1;
  267. }
  268.  
  269. /*Hovereffekt parzelle104↓*/
  270. #_104:hover ~#tooltip104
  271. {
  272. opacity:1;
  273. }
  274.  
  275. /*Hovereffekt parzelle105↓*/
  276. #_105:hover ~#tooltip105
  277. {
  278. opacity:1;
  279. }
  280. </style>
  281. </defs>
  282. <title>Parzellenplan_garden7 </title>
  283. <g id="legende_Freie_Parzellen_Markierung" data-name="legende &amp; Freie Parzellen Markierung">
  284. <rect id="belegt" class="cls-1" x="101.22" y="909.82" width="85.64" height="60.49"/>
  285. <rect id="Frei" class="cls-2" x="272.9" y="908.34" width="85.64" height="60.49"/>
  286. <text class="cls-3" transform="translate(193.52 945.25)"><tspan class="cls-4">F</tspan><tspan class="cls-5" x="11.53" y="0">r</tspan><tspan x="19.45" y="0">ei</tspan></text>
  287. <text class="cls-3" transform="translate(368.46 942.77)"><tspan class="cls-6">B</tspan><tspan x="13.65" y="0">elegt</tspan></text>
  288. </g>
  289. <g id="Gehweg">
  290. <polyline class="cls-7" points="2.18 403.4 123.75 401.08 120.83 82.27 133.85 82.57 134.76 401.08 444.8 393.09 443.25 74.02 456.92 73.78 458.47 392.31 615.74 388.7 614.45 69.53 627.41 69.53 628.45 387.93 785.03 384.39 783.98 65.52 796.36 65.52 797.65 383.54 955.25 379.93 952.67 60.87 965.31 60.87 967.88 379.11 1046.83 376.58 1046.83 302.04 1058.42 301.62 1058.42 414.24 1044.75 415.53 1050.18 631.42 1126.48 629.61 1126.52 640.7 1050.94 642.51 1052.05 691.25 1038.82 691.25 1031.6 416.56 877.1 419.65 883.28 695.13 869.87 695.13 863.17 420.69 704.79 423.78 712.77 753.66 700.15 753.96 691.9 425.07 535.59 429.2 544.62 757.29 531.2 757.29 522.18 429.2 365.09 433.32 373.86 792.88 210.33 797.01 210.33 784.37 360.97 780.25 358.39 671.66 206.98 675.52 206.98 663.14 358.39 658.24 355.81 556.1 276.62 558.42 276.49 545.77 354.52 543.2 351.94 433.07 103.46 440.46 105.18 515.43 2.18 517.67 2.18 403.4"/>
  291. <path class="cls-7" d="M382.84,682.29" transform="translate(-24.45 -10.63)"/>
  292. </g>
  293. <g id="Wiesen">
  294. <polyline id="Wiese_an_der_Spielwiese" data-name="Wiese an der Spielwiese" class="cls-8" points="218.31 21.92 364.06 17.79 365.61 222.42 302.24 248.21 249.63 398.12 221.42 398.76 218.31 21.92 364.06 17.79 364.06 17.79"/>
  295. <polygon id="vorderer_Rand" data-name="vorderer Rand" class="cls-8" points="21.95 403.02 36.74 402.37 35.45 26.3 19.55 26.73 21.95 403.02"/>
  296. <path id="Rechts" class="cls-8" d="M268.58,446.53l-140.66,4.56,1.72,75L47.78,528.3V633.54l-21.15.51,1.9,263.44,110.31-15.3L133.66,696s-3.34-11.35,4.92-15l130-234.47" transform="translate(-24.45 -10.63)"/>
  297. <polygon id="Spielwiese" class="cls-9" points="363.8 394.63 249.63 398.12 302.24 248.21 365.61 222.42 365.61 394.63 363.8 394.63"/>
  298. </g>
  299. <g id="Vereinshaus">
  300. <polygon class="cls-10" points="57.03 476.23 65.97 440.46 99.85 448.71 85.06 513.37 60.13 507.69 67.18 479.15 57.03 476.23"/>
  301. </g>
  302. <g id="Parkplatz">
  303. <rect id="Rechts-2" data-name="Rechts" class="cls-11" x="2.18" y="517.67" width="21.15" height="105.24"/>
  304. <polygon id="Links" class="cls-11" points="2.18 403.4 21.95 403.02 19.55 26.73 0.5 27.33 2.44 403.4 2.18 403.4"/>
  305. </g>
  306. <g id="Parzellengruppe">
  307. <polygon id="Parzelle1" class="cls-2" points="36.74 354.08 123.41 351.56 123.41 401.18 36.74 402.37 36.74 354.08"/>
  308. <polygon id="parzelle2" class="cls-2" points="36.74 353.88 36.74 301.52 122.38 299.2 123.41 351.56 36.74 353.88"/>
  309. <polygon id="parzelle3" class="cls-2" points="36.74 301.52 122.38 299.2 122.38 244 36.74 245.29 36.74 301.52"/>
  310. <polygon id="parzelle4" class="cls-2" points="36.74 245.03 35.45 192.41 121.86 190.09 122.38 244 36.74 245.03"/>
  311. <polygon id="parzelle5" class="cls-2" points="35.45 192.41 121.86 190.09 120.83 134.38 35.45 136.7 35.45 192.41"/>
  312. <polygon id="parzelle6" class="cls-2" points="35.45 136.7 120.83 134.38 120.83 82.27 35.45 84.34 35.45 136.7"/>
  313. <path id="parzelle7" class="cls-2" d="M59.91,36.93c-.26-.25,90.27-2.32,90.27-2.32v58.3L59.91,95Z" transform="translate(-24.45 -10.63)"/>
  314. <path id="parzelle8" class="cls-2" d="M150.19,34.87c-.27-.26,92.57-2.32,92.57-2.32l.8,57-93.37,3.36Z" transform="translate(-24.45 -10.63)"/>
  315. <polygon id="parzelle9" class="cls-2" points="133.98 134.38 219.23 131.32 219.23 79.48 133.85 81.54 133.98 134.38"/>
  316. <polygon id="parzelle10" class="cls-2" points="133.98 134.38 219.23 131.32 219.23 187.51 133.85 190.09 133.98 134.38"/>
  317. <path id="Parzelle11" class="cls-2" d="M158.31,200.72s85-3.87,85.38-2.58.9,54.17.9,54.17l-86.28,2.32Z" transform="translate(-24.45 -10.63)"/>
  318. <path id="parzelle12" class="cls-2" d="M158.31,254.63l86.28-2.32s.52,54.94,0,54.94-85.38,2.58-85.38,2.58Z" transform="translate(-24.45 -10.63)"/>
  319. <polygon id="parzelle13" class="cls-2" points="134.24 351.56 220.36 348.98 220.13 296.62 134.76 299.2 134.24 351.56"/>
  320. <polygon id="parzelle14" class="cls-2" points="134.76 401.08 134.24 351.56 220.36 348.98 221.42 398.76 134.76 401.08"/>
  321. <polygon id="parzelle15" class="cls-2" points="365.61 394.63 444.8 393.09 444.8 344.08 365.61 344.08 365.61 394.63"/>
  322. <polygon id="parzele16" class="cls-2" points="365.61 292.23 444.8 290.43 444.8 344.08 365.61 344.08 365.61 292.23"/>
  323. <polygon id="parzelle17" class="cls-2" points="365.61 237.81 443.76 235.75 444.8 290.43 365.61 292.23 365.61 237.81"/>
  324. <g id="_18" data-name="18">
  325. <polygon id="parzelle18" class="cls-12" points="365.61 184.16 443.76 181.53 443.76 235.75 365.61 237.81 365.61 184.16"/>
  326. </g>
  327. <g id="tooltip18">
  328. <rect id="kasten18" class="cls-13" x="862.62" y="832.35" width="354.2" height="137.95"/>
  329. <text class="cls-14" transform="translate(876.88 868.42)"><tspan class="cls-15">G</tspan><tspan x="14.69" y="0">a</tspan><tspan class="cls-16" x="25.51" y="0">r</tspan><tspan class="cls-17" x="33.39" y="0">t</tspan><tspan x="40.69" y="0">enfläche 200 qm, Laube 23 qm, </tspan><tspan class="cls-18" x="0" y="26.95">S</tspan><tspan x="11" y="26.95">t</tspan><tspan class="cls-19" x="18.44" y="26.95">r</tspan><tspan x="25.56" y="26.95">omanschluss </tspan><tspan class="cls-20" x="151.55" y="26.95">v</tspan><tspan x="162.13" y="26.95">o</tspan><tspan class="cls-21" x="174.45" y="26.95">r</tspan><tspan x="181.89" y="26.95">handen, </tspan><tspan class="cls-22" x="0" y="53.9">P</tspan><tspan x="11.36" y="53.9">ac</tspan><tspan class="cls-23" x="32.25" y="53.9">h</tspan><tspan x="44.62" y="53.9">tzins 590 €/Jah</tspan><tspan class="cls-24" x="183.19" y="53.9">r</tspan><tspan x="189.34" y="53.9">, </tspan><tspan x="0" y="80.85">Nebenkos</tspan><tspan class="cls-17" x="94.28" y="80.85">t</tspan><tspan x="101.58" y="80.85">en: 350 €/Jahr</tspan></text>
  330. </g>
  331. <polygon id="parzelle19" class="cls-2" points="365.61 128.19 443.25 125.86 443.76 181.53 365.61 184.16 365.61 128.19"/>
  332. <polygon id="parzelle20" class="cls-2" points="364.06 76.34 443.25 74.02 443.25 125.86 365.61 128.19 364.06 76.34"/>
  333. <polygon id="parzele21" class="cls-2" points="364.06 17.79 449.18 15.98 449.18 74.02 364.06 76.34 364.06 17.79"/>
  334. <polygon id="parzelle22" class="cls-2" points="532.49 13.66 532.49 71.44 449.18 74.02 449.18 15.98 532.49 13.66"/>
  335. <polygon id="parzelle23" class="cls-2" points="456.92 125.86 532.49 124.06 532.49 71.44 456.92 73.78 456.92 125.86"/>
  336. <polygon id="parzelle24" class="cls-2" points="457.95 181.58 533.78 179.26 532.49 124.06 456.92 125.86 457.95 181.58"/>
  337. <polygon id="parzelle25" class="cls-2" points="457.95 235.75 533.78 233.42 533.78 179.26 457.95 181.58 457.95 235.75"/>
  338. <polygon id="parzelle26" class="cls-2" points="457.95 290.43 533.78 288.11 533.78 233.42 457.95 235.75 457.95 290.43"/>
  339. <polygon id="parzelle27" class="cls-2" points="458.47 344.08 533.78 340.98 533.78 288.11 457.95 290.43 458.47 344.08"/>
  340. <polygon id="parzelle28" class="cls-2" points="458.47 392.31 535.59 389.99 533.78 340.98 458.47 344.08 458.47 392.31"/>
  341. <polygon id="parzelle29" class="cls-2" points="535.59 389.99 615.74 388.7 615.74 339.07 533.78 340.98 535.59 389.99"/>
  342. <polygon id="parzelle30" class="cls-2" points="533.78 340.98 615.74 339.07 615.74 286.19 533.78 288.11 533.78 340.98"/>
  343. <g id="_31" data-name="31">
  344. <polygon id="parzelle31" class="cls-12" points="533.78 288.11 615.74 286.19 614.71 231.51 533.78 233.42 533.78 288.11"/>
  345. </g>
  346. <g id="tooltip31">
  347. <rect id="kasten31" class="cls-13" x="862.62" y="832.35" width="354.2" height="137.95"/>
  348. <text class="cls-14" transform="translate(876.88 868.42)"><tspan class="cls-15">G</tspan><tspan x="14.69" y="0">a</tspan><tspan class="cls-16" x="25.51" y="0">r</tspan><tspan class="cls-17" x="33.39" y="0">t</tspan><tspan x="40.69" y="0">enfläche 200 qm, Laube 20 qm, </tspan><tspan class="cls-18" x="0" y="26.95">S</tspan><tspan x="11" y="26.95">t</tspan><tspan class="cls-19" x="18.44" y="26.95">r</tspan><tspan x="25.56" y="26.95">omanschluss </tspan><tspan class="cls-20" x="151.55" y="26.95">v</tspan><tspan x="162.13" y="26.95">o</tspan><tspan class="cls-21" x="174.45" y="26.95">r</tspan><tspan x="181.89" y="26.95">handen, </tspan><tspan class="cls-22" x="0" y="53.9">P</tspan><tspan x="11.36" y="53.9">ac</tspan><tspan class="cls-23" x="32.25" y="53.9">h</tspan><tspan x="44.62" y="53.9">tzins 590 €/Jah</tspan><tspan class="cls-24" x="183.19" y="53.9">r</tspan><tspan x="189.34" y="53.9">,</tspan><tspan x="0" y="80.85" xml:space="preserve"> Nebenkos</tspan><tspan class="cls-17" x="99.04" y="80.85">t</tspan><tspan x="106.34" y="80.85">en: 350 €/Jahr </tspan></text>
  349. </g>
  350. <polygon id="parzelle32" class="cls-2" points="533.78 233.42 614.71 231.51 614.71 177.34 533.78 179.26 533.78 233.42"/>
  351. <polygon id="parzelle33" class="cls-2" points="533.78 179.26 614.71 177.34 614.45 122.15 532.49 124.06 533.78 179.26"/>
  352. <polygon id="parzelle34" class="cls-2" points="532.49 124.06 614.45 122.15 614.45 69.53 532.49 71.44 532.49 124.06"/>
  353. <polygon id="parzelle35" class="cls-2" points="619.68 69.53 619.68 11.08 532.49 13.66 532.49 71.44 619.68 69.53"/>
  354. <polygon id="parzelle36" class="cls-2" points="619.68 11.08 619.68 69.53 702.99 67.31 702.99 9.79 619.68 11.08"/>
  355. <polygon id="parzelle37" class="cls-2" points="627.41 122.15 627.41 69.53 702.99 67.31 702.99 119.67 627.41 122.15"/>
  356. <polygon id="parzelle38" class="cls-2" points="627.41 177.34 704.28 175.39 702.99 119.67 627.41 122.15 627.41 177.34"/>
  357. <polygon id="parzelle39" class="cls-2" points="627.41 231.51 704.28 228.78 704.28 175.39 627.41 177.34 627.41 231.51"/>
  358. <polygon id="parzelle40" class="cls-2" points="628.45 286.19 704.28 284.24 704.28 228.78 627.41 231.51 628.45 286.19"/>
  359. <polygon id="parzelle41" class="cls-2" points="627.93 339.07 704.28 336.86 704.28 284.24 628.45 286.19 627.93 339.07"/>
  360. <polygon id="parzelle42" class="cls-2" points="628.45 387.93 627.93 339.07 704.28 336.86 705.83 386.12 628.45 387.93"/>
  361. <polygon id="parzelle43" class="cls-2" points="705.83 386.12 704.28 336.86 785.01 335.12 785.03 384.39 705.83 386.12"/>
  362. <polygon id="parzelle44" class="cls-2" points="704.28 336.86 785.01 335.12 785.01 282.49 704.28 284.24 704.28 336.86"/>
  363. <polygon id="parzelle45" class="cls-2" points="704.28 284.24 785.01 282.49 785.01 227 704.02 229.84 704.28 284.24"/>
  364. <polygon id="parzelle46" class="cls-2" points="704.02 229.84 785.01 227 783.98 173.64 704.02 175.68 704.02 229.84"/>
  365. <polygon id="parzelle47" class="cls-2" points="704.02 175.68 783.98 173.64 783.96 117.9 702.99 120.22 704.02 175.68"/>
  366. <polygon id="parzelle48" class="cls-2" points="702.99 120.22 702.99 67.6 783.98 65.52 783.96 117.9 702.99 120.22"/>
  367. <polygon id="Parzelle49" class="cls-2" points="702.99 9.79 702.99 67.6 788.62 65.52 788.62 7.47 702.99 9.79"/>
  368. <polygon id="parzelle50" class="cls-2" points="874.26 4.63 874.26 62.67 788.62 65.52 788.62 7.47 874.26 4.63"/>
  369. <polygon id="parzelle51" class="cls-2" points="796.36 117.9 796.36 65.52 874.26 62.67 875.8 114.77 796.36 117.9"/>
  370. <polygon id="parzelle52" class="cls-2" points="796.36 172.03 796.36 117.9 875.8 114.77 875.8 170.49 796.36 172.03"/>
  371. <polygon id="parzelle53" class="cls-2" points="797.39 227 875.8 224.91 875.8 170.49 796.36 172.03 797.39 227"/>
  372. <polygon id="parzelle54" class="cls-2" points="797.39 282.49 875.8 279.59 875.8 224.91 797.39 227 797.39 282.49"/>
  373. <polygon id="parzelle55" class="cls-2" points="797.65 335.12 797.39 282.49 875.8 279.59 877.1 332.99 797.65 335.12"/>
  374. <polygon id="parzelle56" class="cls-2" points="797.65 383.54 797.65 335.12 877.1 332.99 877.1 381.48 797.65 383.54"/>
  375. <polygon id="parzelle57" class="cls-2" points="877.1 381.48 877.1 332.99 954.99 330.44 955.25 379.93 877.1 381.48"/>
  376. <polygon id="parzelle58" class="cls-2" points="877.1 332.99 875.8 279.59 953.96 277.01 954.99 330.44 877.1 332.99"/>
  377. <polygon id="parzelle59" class="cls-2" points="875.8 279.59 953.96 277.01 953.96 222.33 875.8 224.91 875.8 279.59"/>
  378. <g id="_60" data-name="60">
  379. <polygon id="parzelle60" class="cls-25" points="875.8 224.91 953.96 222.33 953.96 167.91 875.8 170.49 875.8 224.91"/>
  380. </g>
  381. <g id="tooltip60">
  382. <rect id="kasten60" class="cls-13" x="862.62" y="832.35" width="354.2" height="137.95"/>
  383. <text class="cls-14" transform="translate(876.88 868.42)"><tspan class="cls-15">G</tspan><tspan x="14.69" y="0">a</tspan><tspan class="cls-16" x="25.51" y="0">r</tspan><tspan class="cls-17" x="33.39" y="0">t</tspan><tspan x="40.69" y="0">enfläche 200 qm, Laube 21 qm, </tspan><tspan class="cls-18" x="0" y="26.95">S</tspan><tspan x="11" y="26.95">t</tspan><tspan class="cls-19" x="18.44" y="26.95">r</tspan><tspan x="25.56" y="26.95">omanschluss </tspan><tspan class="cls-20" x="151.55" y="26.95">v</tspan><tspan x="162.13" y="26.95">o</tspan><tspan class="cls-21" x="174.45" y="26.95">r</tspan><tspan x="181.89" y="26.95">handen, </tspan><tspan class="cls-22" x="0" y="53.9">P</tspan><tspan x="11.36" y="53.9">ac</tspan><tspan class="cls-23" x="32.25" y="53.9">h</tspan><tspan x="44.62" y="53.9">tzins 595 €/Jah</tspan><tspan class="cls-24" x="183.19" y="53.9">r</tspan><tspan x="189.34" y="53.9">, </tspan><tspan x="0" y="80.85">Nebenkos</tspan><tspan class="cls-17" x="94.28" y="80.85">t</tspan><tspan x="101.58" y="80.85">en: 350 €/Jahr</tspan></text>
  384. </g>
  385. <polygon id="parzelle61" class="cls-2" points="875.8 170.49 875.8 114.77 952.93 112.19 953.96 167.91 875.8 170.49"/>
  386. <polygon id="parzelle62" class="cls-2" points="875.8 114.77 874.26 62.67 952.67 60.87 952.93 112.19 875.8 114.77"/>
  387. <polygon id="parzelle63" class="cls-2" points="957.57 2.83 874.26 4.63 874.26 62.67 957.57 60.87 957.57 2.83"/>
  388. <polygon id="parzelle64" class="cls-2" points="1079.06 57.51 957.57 60.87 957.57 2.83 1064.36 0.51 1079.06 57.51"/>
  389. <polygon id="parzelle65" class="cls-2" points="965.31 112.19 1091.7 109.61 1079.06 57.51 965.31 60.87 965.31 112.19"/>
  390. <path id="parzelle66" class="cls-2" d="M990.8,178.54c6.44,0,140.57-3.35,140.57-3.35l-15.22-54.94-126.39,2.58Z" transform="translate(-24.45 -10.63)"/>
  391. <polygon id="parzelle67" class="cls-2" points="966.34 222.33 1119.81 218.72 1106.91 164.56 966.34 167.91 966.34 222.33"/>
  392. <polygon id="parzelle68" class="cls-2" points="967.37 277.01 966.34 222.33 1046.83 220.43 1046.83 275.73 967.37 277.01"/>
  393. <polygon id="parzelle69" class="cls-2" points="967.11 330.44 967.37 277.01 1046.83 275.73 1046.83 328.86 967.11 330.44"/>
  394. <polygon id="parzelle70" class="cls-2" points="967.88 379.11 1046.83 376.58 1046.83 328.86 967.11 330.44 967.88 379.11"/>
  395. <polygon id="parzelle71" class="cls-2" points="1140.19 298.68 1046.83 302.04 1046.83 220.43 1119.81 218.72 1140.19 298.68"/>
  396. <polygon id="parzelle72" class="cls-2" points="1058.42 363.94 1155.92 361.88 1140.19 298.68 1058.42 301.62 1058.42 363.94"/>
  397. <polygon id="parzelle73" class="cls-2" points="1058.42 414.24 1058.42 363.94 1155.92 361.88 1168.3 408.05 1058.42 414.24"/>
  398. <polygon id="parzelle74" class="cls-2" points="1044.75 415.53 1168.3 408.05 1184.3 470.72 1046.83 473.82 1044.75 415.53"/>
  399. <polygon id="parzelle75" class="cls-2" points="1048.11 526.18 1046.83 473.82 1184.3 470.72 1197.19 522.05 1048.11 526.18"/>
  400. <polygon id="parzelle76" class="cls-2" points="1049.33 584.47 1125.9 581.91 1125.23 524.04 1048.11 526.18 1049.33 584.47"/>
  401. <polygon id="parzelle77" class="cls-2" points="1050.18 631.42 1049.4 584.47 1125.9 581.91 1126.48 629.61 1050.18 631.42"/>
  402. <polygon id="parzelle78" class="cls-2" points="1126.52 634.77 1225.57 631.42 1197.19 522.05 1125.23 524.04 1126.52 634.77"/>
  403. <polygon id="parzelle79" class="cls-2" points="1128.58 734.59 1126.52 634.77 1225.57 631.42 1247.75 719.12 1128.58 734.59"/>
  404. <polygon id="parzelle80" class="cls-2" points="1050.94 642.51 1126.52 640.7 1128.58 734.59 1053.27 744.91 1050.94 642.51"/>
  405. <polygon id="parzelle81" class="cls-2" points="962.21 757.55 1053.27 744.91 1052.05 691.25 960.67 692.81 962.21 757.55"/>
  406. <polygon id="parzelle82" class="cls-2" points="959.12 639.16 1037.53 637.09 1038.82 691.25 960.67 692.81 959.12 639.16"/>
  407. <polygon id="parzelle83" class="cls-2" points="1036.24 583.44 1037.53 637.09 958.86 639.18 957.83 586.02 1036.24 583.44"/>
  408. <polygon id="parzelle84" class="cls-2" points="956.8 528.5 1034.69 526.18 1036.24 583.44 957.83 586.02 956.8 528.5"/>
  409. <polygon id="parzelle85" class="cls-2" points="955.51 476.66 1033.15 473.82 1034.69 526.18 956.8 528.5 955.51 476.66"/>
  410. <polygon id="parzelle86" class="cls-2" points="953.7 418.36 1031.6 416.56 1033.15 473.82 955.51 476.66 953.7 418.36"/>
  411. <polygon id="parzelle87" class="cls-2" points="878.13 478.46 955.51 476.66 953.7 418.36 877.1 419.65 878.13 478.46"/>
  412. <polygon id="parzelle88" class="cls-2" points="878.9 530.31 956.8 528.5 955.51 476.66 878.13 478.46 878.9 530.31"/>
  413. <polygon id="parzelle89" class="cls-2" points="880.45 588.09 957.83 586.02 956.8 528.5 878.9 530.31 880.45 588.09"/>
  414. <polygon id="parzelle90" class="cls-2" points="881.48 640.7 958.86 639.18 957.83 586.02 880.45 588.09 881.48 640.7"/>
  415. <polygon id="parzelle91" class="cls-2" points="883.28 695.13 881.48 640.7 959.12 639.16 960.67 692.81 883.28 695.13"/>
  416. <polygon id="parzelle92" class="cls-2" points="878.9 768.9 875.8 695.13 960.67 692.81 962.21 757.55 878.9 768.9"/>
  417. <polygon id="parzelle93" class="cls-2" points="790.69 697.71 875.8 695.13 878.9 768.9 792.75 780.76 790.69 697.71"/>
  418. <polygon id="parzelle94" class="cls-2" points="789.14 643.54 790.69 697.71 869.87 695.13 868.33 641.99 789.14 643.54"/>
  419. <polygon id="parzelle95" class="cls-2" points="787.59 590.92 789.14 643.54 868.33 641.99 867.29 589.12 787.59 590.92"/>
  420. <polygon id="parzelle96" class="cls-2" points="786.3 532.63 865.75 530.31 867.29 589.12 787.59 590.92 786.3 532.63"/>
  421. <polygon id="parzelle97" class="cls-2" points="785.27 481.3 786.3 532.63 865.75 530.31 864.71 478.46 785.27 481.3"/>
  422. <polygon id="parzelle98" class="cls-2" points="784.24 422.6 785.27 481.3 864.71 478.46 863.17 420.69 784.24 422.6"/>
  423. <polygon id="parzelle99" class="cls-2" points="704.79 423.78 784.24 422.6 785.27 481.3 705.83 482.85 704.79 423.78"/>
  424. <polygon id="parzelle100" class="cls-2" points="707.12 534.69 705.83 482.85 785.27 481.3 786.3 532.63 707.12 534.69"/>
  425. <polygon id="parzelle101" class="cls-2" points="708.92 592.47 707.12 534.69 786.3 532.63 787.33 590.92 708.92 592.47"/>
  426. <polygon id="parzelle102" class="cls-2" points="710.21 645.35 708.92 592.47 787.33 590.92 789.14 643.54 710.21 645.35"/>
  427. <polygon id="parzelle103" class="cls-2" points="711.24 700.03 710.21 645.35 789.14 643.54 790.69 697.71 711.24 700.03"/>
  428. <g id="_104" data-name="104">
  429. <polygon id="parzelle104" class="cls-26" points="713.82 790.56 792.75 780.76 790.69 697.71 711.24 700.03 713.82 790.56"/>
  430. </g>
  431. <g id="tooltip104">
  432. <rect id="kasten104" class="cls-13" x="861.62" y="832.35" width="354.2" height="137.95"/>
  433. <text class="cls-14" transform="translate(875.88 868.42)"><tspan class="cls-15">G</tspan><tspan x="14.69" y="0">a</tspan><tspan class="cls-16" x="25.51" y="0">r</tspan><tspan class="cls-17" x="33.39" y="0">t</tspan><tspan x="40.69" y="0">enfläche 250 qm, Laube 24 qm, </tspan><tspan class="cls-18" x="0" y="26.95">S</tspan><tspan x="11" y="26.95">t</tspan><tspan class="cls-19" x="18.44" y="26.95">r</tspan><tspan x="25.56" y="26.95">omanschluss </tspan><tspan class="cls-20" x="151.55" y="26.95">v</tspan><tspan x="162.13" y="26.95">o</tspan><tspan class="cls-21" x="174.45" y="26.95">r</tspan><tspan x="181.89" y="26.95">handen, </tspan><tspan class="cls-22" x="0" y="53.9">P</tspan><tspan x="11.36" y="53.9">ac</tspan><tspan class="cls-23" x="32.25" y="53.9">h</tspan><tspan x="44.62" y="53.9">tzins 690 €/Jah</tspan><tspan class="cls-24" x="183.19" y="53.9">r</tspan><tspan x="189.34" y="53.9">, </tspan><tspan x="0" y="80.85">Nebenkos</tspan><tspan class="cls-17" x="94.28" y="80.85">t</tspan><tspan x="101.58" y="80.85">en: 350 €/Jahr </tspan></text>
  434. </g>
  435. <g id="_105" data-name="105">
  436. <path id="parzelle105" class="cls-1" d="M647,766.63c1-.26,90.26-2.33,90.26-2.33l1,36.9L647,814.09Z" transform="translate(-24.45 -10.63)"/>
  437. </g>
  438. <g id="tooltip105">
  439. <rect id="kasten105" class="cls-13" x="861.75" y="832.35" width="354.2" height="137.95"/>
  440. <text class="cls-14" transform="translate(876.01 868.42)"><tspan class="cls-15">G</tspan><tspan x="14.69" y="0">a</tspan><tspan class="cls-16" x="25.51" y="0">r</tspan><tspan class="cls-17" x="33.39" y="0">t</tspan><tspan x="40.69" y="0">enfläche 150 qm, Laube 14 qm, </tspan><tspan class="cls-18" x="0" y="26.95">S</tspan><tspan x="11" y="26.95">t</tspan><tspan class="cls-19" x="18.44" y="26.95">r</tspan><tspan x="25.56" y="26.95">omanschluss </tspan><tspan class="cls-20" x="151.55" y="26.95">v</tspan><tspan x="162.13" y="26.95">o</tspan><tspan class="cls-21" x="174.45" y="26.95">r</tspan><tspan x="181.89" y="26.95">handen, </tspan><tspan class="cls-22" x="0" y="53.9">P</tspan><tspan x="11.36" y="53.9">ac</tspan><tspan class="cls-23" x="32.25" y="53.9">h</tspan><tspan x="44.62" y="53.9">tzins 490 €/Jah</tspan><tspan class="cls-24" x="183.19" y="53.9">r</tspan><tspan x="189.34" y="53.9">, </tspan><tspan x="0" y="80.85">Nebenkos</tspan><tspan class="cls-17" x="94.28" y="80.85">t</tspan><tspan x="101.58" y="80.85">en: 350 €/Jahr </tspan></text>
  441. </g>
  442. <polygon id="parzelle106" class="cls-2" points="621.22 702.09 622.51 756 700.15 753.96 698.35 700.03 621.22 702.09"/>
  443. <polygon id="parzelle107" class="cls-2" points="619.68 647.67 621.22 702.09 698.35 700.03 697.06 645.35 619.68 647.67"/>
  444. <polygon id="parzelle108" class="cls-2" points="618.13 595.31 696.28 592.47 697.06 645.35 619.68 647.67 618.13 595.31"/>
  445. <polygon id="parzelle109" class="cls-2" points="616.84 537.01 694.74 534.69 696.28 592.47 618.13 595.31 616.84 537.01"/>
  446. <polygon id="parzelle110" class="cls-2" points="615.55 485.43 693.7 482.85 694.74 534.69 616.84 537.01 615.55 485.43"/>
  447. <polygon id="parzelle111" class="cls-2" points="613.74 427.39 691.9 425.07 693.7 482.85 615.55 485.43 613.74 427.39"/>
  448. <polygon id="parzelle112" class="cls-2" points="535.59 429.2 613.74 427.39 615.55 485.43 537.14 487.23 535.59 429.2"/>
  449. <path id="parzelle113" class="cls-2" d="M563.33,549.45c.58-.26,78-1.8,78-1.8L640,496.06l-78.41,1.8Z" transform="translate(-24.45 -10.63)"/>
  450. <polygon id="parzelle114" class="cls-2" points="539.91 596.6 618.13 595.31 616.84 537.01 538.88 538.82 539.91 596.6"/>
  451. <polygon id="parzelle115" class="cls-2" points="539.91 596.6 541.52 650.5 619.68 647.67 618.13 595.31 539.91 596.6"/>
  452. <polygon id="parzelle116" class="cls-2" points="543.07 704.15 621.22 702.09 619.68 647.67 541.52 650.5 543.07 704.15"/>
  453. <polygon id="parzelle117" class="cls-2" points="544.62 757.29 622.51 756 621.22 702.09 543.07 704.15 544.62 757.29"/>
  454. <polygon id="parzelle118" class="cls-2" points="538.88 814.81 536.36 757.29 622.51 756 622.51 803.46 538.88 814.81"/>
  455. <polygon id="parzelle119" class="cls-2" points="453.82 826.16 538.88 814.81 536.36 757.29 451.76 760.13 453.82 826.16"/>
  456. <polygon id="parzelle120" class="cls-2" points="450.21 706.22 451.76 760.13 531.2 757.29 529.4 704.15 450.21 706.22"/>
  457. <polygon id="parzelle121" class="cls-2" points="449.18 652.31 528.63 650.5 529.4 704.15 450.21 706.22 449.18 652.31"/>
  458. <polygon id="parzelle122" class="cls-2" points="448.15 598.92 526.56 596.6 528.63 650.5 449.18 652.31 448.15 598.92"/>
  459. <polygon id="parzelle123" class="cls-2" points="446.6 541.14 448.15 598.92 526.56 596.6 525.27 538.82 446.6 541.14"/>
  460. <polygon id="parzelle124" class="cls-2" points="445.31 489.55 446.6 541.14 525.27 538.82 523.98 487.23 445.31 489.55"/>
  461. <polygon id="parzelle125" class="cls-2" points="444.54 431.26 445.31 489.55 523.98 487.23 522.18 429.2 444.54 431.26"/>
  462. <polygon id="parzelle126" class="cls-2" points="365.09 433.32 444.54 431.26 445.31 489.55 366.38 491.62 365.09 433.32"/>
  463. <polygon id="parzelle127" class="cls-2" points="367.93 543.2 446.6 541.14 445.31 489.55 366.38 491.62 367.93 543.2"/>
  464. <polygon id="parzelle128" class="cls-2" points="369.22 601.24 448.15 598.92 446.6 541.14 367.93 543.2 369.22 601.24"/>
  465. <polygon id="parzelle129" class="cls-2" points="370 654.12 449.18 652.31 448.15 598.92 369.22 601.24 370 654.12"/>
  466. <polygon id="parzelle130" class="cls-2" points="371.8 708.28 450.21 706.22 449.18 652.31 370 654.12 371.8 708.28"/>
  467. <polygon id="parzelle131" class="cls-2" points="372.83 762.19 451.76 760.13 450.21 706.22 371.8 708.28 372.83 762.19"/>
  468. <polygon id="parzelle132" class="cls-2" points="374.64 836.99 453.82 826.16 451.76 760.13 372.83 762.19 374.64 836.99"/>
  469. <polygon id="parzelle133" class="cls-2" points="282.81 795.21 373.86 792.88 374.64 836.99 283.84 849.12 282.81 795.21"/>
  470. <polygon id="parzelle134" class="cls-2" points="210.33 797.01 282.81 795.21 283.84 849.12 211.36 858.92 210.33 797.01"/>
  471. <path id="parzelle135" class="cls-2" d="M233,742.13l72.22-2.06c0,1.54,2.07,52.87,2.07,52.87L234.79,795Z" transform="translate(-24.45 -10.63)"/>
  472. <polygon id="parzelle136" class="cls-2" points="360.97 780.25 282.81 782.31 280.75 729.43 359.94 727.37 360.97 780.25"/>
  473. <polygon id="parzelle137" class="cls-2" points="358.39 671.66 359.94 727.37 280.75 729.43 279.72 673.72 358.39 671.66"/>
  474. <polygon id="parzelle138" class="cls-2" points="206.98 675.52 208.53 731.5 280.75 729.43 279.72 673.72 206.98 675.52"/>
  475. <polygon id="parzelle139" class="cls-2" points="206.98 663.14 279.72 660.05 277.91 609.49 205.17 611.56 206.98 663.14"/>
  476. <polygon id="parzelle140" class="cls-2" points="358.39 658.24 279.72 660.05 277.91 609.49 356.84 607.69 358.39 658.24"/>
  477. <polygon id="parzelle141" class="cls-2" points="276.62 558.42 277.91 609.49 356.84 607.69 355.81 556.1 276.62 558.42"/>
  478. <polygon id="parzelle142" class="cls-2" points="203.63 553.78 276.62 551.72 277.91 609.49 205.17 611.56 203.63 553.78"/>
  479. <polygon id="parzelle143" class="cls-2" points="179.12 554.04 276.62 551.72 274.04 435.9 244.12 435.9 179.12 554.04"/>
  480. <polygon id="parzelle144" class="cls-2" points="354.52 543.2 353.23 491.62 275.33 493.68 276.49 545.77 354.52 543.2"/>
  481. <polygon id="parzelle145" class="cls-2" points="351.94 433.07 274.04 435.9 275.33 493.68 353.23 491.62 351.94 433.07"/>
  482. <polygon id="parzelle146" class="cls-2" points="114.12 670.37 206.98 668.3 203.63 553.78 179.12 554.04 114.12 670.37"/>
  483. <path id="parzelle147" class="cls-2" d="M135.48,744.84l-1.8-53.91a12.2,12.2,0,0,1,4.9-9.93l92.85-2.07,1.55,63.2Z" transform="translate(-24.45 -10.63)"/>
  484. <polygon id="parzelle148" class="cls-2" points="112.83 792.88 111.03 734.21 208.53 731.5 210.33 789.79 112.83 792.88"/>
  485. <polygon id="parzelle149" class="cls-2" points="114.38 871.55 112.83 792.88 210.33 789.79 211.36 858.92 114.38 871.55"/>
  486. </g>
  487. <g id="Zahlen">
  488. <text class="cls-27" transform="translate(146.79 832.1)">149</text>
  489. <text class="cls-27" transform="translate(146.79 768.13)">148</text>
  490. <text class="cls-27" transform="translate(150.23 706.23)">149</text>
  491. <text class="cls-27" transform="translate(161.92 625.75)">146</text>
  492. <text class="cls-27" transform="translate(301.21 466.18)">145</text>
  493. <text class="cls-27" transform="translate(301.21 522.23)">144</text>
  494. <text class="cls-27" transform="translate(228.3 506.15)">143</text>
  495. <text class="cls-27" transform="translate(231.74 586.5)">142</text>
  496. <text class="cls-27" transform="translate(307.74 586.55)">141</text>
  497. <text class="cls-27" transform="translate(307.74 640.2)">140</text>
  498. <text class="cls-27" transform="translate(231.74 640.2)">139</text>
  499. <text class="cls-27" transform="translate(231.74 706.57)">138</text>
  500. <text class="cls-27" transform="translate(307.74 704.51)">137</text>
  501. <text class="cls-27" transform="translate(307.74 761.25)">136</text>
  502. <text class="cls-27" transform="translate(235.17 761.25)">135</text>
  503. <text class="cls-27" transform="translate(231.74 830.04)">134</text>
  504. <text class="cls-27" transform="translate(316.34 822.47)">133</text>
  505. <text class="cls-27" transform="translate(400.25 801.41)">132</text>
  506. <text class="cls-27" transform="translate(400.25 737.87)">131</text>
  507. <text class="cls-27" transform="translate(400.25 684.82)">130</text>
  508. <text class="cls-27" transform="translate(396.81 631.77)">129</text>
  509. <text class="cls-27" transform="translate(396.81 574.81)">128</text>
  510. <text class="cls-27" transform="translate(396.81 517.84)">127</text>
  511. <text class="cls-27" transform="translate(393.37 466.18)">126</text>
  512. <text class="cls-27" transform="translate(471.1 463.6)">125</text>
  513. <text class="cls-27" transform="translate(474.54 515.26)">124</text>
  514. <text class="cls-27" transform="translate(474.54 572.23)">123</text>
  515. <text class="cls-27" transform="translate(474.54 629.19)">122</text>
  516. <text class="cls-27" transform="translate(477.98 682.24)">121</text>
  517. <text class="cls-27" transform="translate(477.98 735.29)">120</text>
  518. <text class="cls-27" transform="translate(482.1 795.56)">119</text>
  519. <text class="cls-27" transform="translate(569.11 788.34)">118</text>
  520. <text class="cls-27" transform="translate(569.11 735.29)">117</text>
  521. <text class="cls-27" transform="translate(569.11 682.24)">116</text>
  522. <text class="cls-27" transform="translate(565.68 629.19)">115</text>
  523. <text class="cls-27" transform="translate(565.68 572.23)">114</text>
  524. <text class="cls-27" transform="translate(565.68 515.26)">113</text>
  525. <text class="cls-27" transform="translate(562.24 463.6)">112</text>
  526. <text class="cls-27" transform="translate(643.06 460.03)">111</text>
  527. <text class="cls-27" transform="translate(646.5 511.7)">110</text>
  528. <text class="cls-27" transform="translate(646.5 568.66)">109</text>
  529. <text class="cls-27" transform="translate(646.5 625.62)">108</text>
  530. <text class="cls-27" transform="translate(649.93 678.67)">107</text>
  531. <text class="cls-27" transform="translate(649.93 731.72)">106</text>
  532. <text class="cls-27" transform="translate(649.93 781.72)">105</text>
  533. <text class="cls-27" transform="translate(739.01 746.98)">104</text>
  534. <text class="cls-27" transform="translate(739.01 673.75)">103</text>
  535. <text class="cls-27" transform="translate(735.57 620.7)">102</text>
  536. <text class="cls-27" transform="translate(735.57 567.46)">101</text>
  537. <text class="cls-27" transform="translate(735.57 506.78)">100</text>
  538. <text class="cls-27" transform="translate(736.26 455.11)">99</text>
  539. <text class="cls-27" transform="translate(815.36 451.9)">98</text>
  540. <text class="cls-27" transform="translate(819.83 507.82)">97</text>
  541. <text class="cls-27" transform="translate(819.83 563.95)">96</text>
  542. <text class="cls-27" transform="translate(819.83 620.08)">95</text>
  543. <text class="cls-27" transform="translate(824.3 673.12)">94</text>
  544. <text class="cls-27" transform="translate(824.3 743.41)">93</text>
  545. <text class="cls-27" transform="translate(909.59 734.63)">92</text>
  546. <text class="cls-27" transform="translate(913.72 669.62)">91</text>
  547. <text class="cls-27" transform="translate(910.28 620.7)">90</text>
  548. <text class="cls-27" transform="translate(910.28 567.46)">89</text>
  549. <text class="cls-27" transform="translate(910.28 506.78)">88</text>
  550. <text class="cls-27" transform="translate(906.84 455.11)">87</text>
  551. <text class="cls-27" transform="translate(985.94 451.9)">86</text>
  552. <text class="cls-27" transform="translate(990.41 507.82)">85</text>
  553. <text class="cls-27" transform="translate(990.41 563.95)">84</text>
  554. <text class="cls-27" transform="translate(990.41 620.08)">83</text>
  555. <text class="cls-27" transform="translate(992.82 670.03)">82</text>
  556. <text class="cls-27" transform="translate(994.88 726.17)">81</text>
  557. <text class="cls-27" transform="translate(1082.24 697.14)">80</text>
  558. <text class="cls-27" transform="translate(1174.75 684.82)">79</text>
  559. <text class="cls-27" transform="translate(1164.09 583.92)">78</text>
  560. <text class="cls-27" transform="translate(1082.24 609.01)">77</text>
  561. <text class="cls-27" transform="translate(1079.83 560.75)">76</text>
  562. <text class="cls-27" transform="translate(1112.5 500)">75</text>
  563. <text class="cls-27" transform="translate(1103.13 443.41)">74</text>
  564. <text class="cls-27" transform="translate(1103.13 390.52)">73</text>
  565. <text class="cls-27" transform="translate(1094.96 337.62)">72</text>
  566. <text class="cls-27" transform="translate(1082.24 264.64)">71</text>
  567. <text class="cls-27" transform="translate(1001.07 358.19)">70</text>
  568. <text class="cls-27" transform="translate(1001.07 306.6)">69</text>
  569. <text class="cls-27" transform="translate(997.63 254.67)">68</text>
  570. <text class="cls-27" transform="translate(1031.34 197.19)">67</text>
  571. <text class="cls-27" transform="translate(1024.46 143.93)">66</text>
  572. <text class="cls-27" transform="translate(1016.2 90.67)">65</text>
  573. <text class="cls-27" transform="translate(1009.33 34.56)">64</text>
  574. <text class="cls-27" transform="translate(906.84 39.47)">63</text>
  575. <text class="cls-27" transform="translate(906.84 91.7)">62</text>
  576. <text class="cls-27" transform="translate(906.84 143.93)">61</text>
  577. <text class="cls-27" transform="translate(906.84 201.02)">60</text>
  578. <text class="cls-27" transform="translate(906.84 253.29)">59</text>
  579. <text class="cls-27" transform="translate(906.84 310.34)">58</text>
  580. <text class="cls-27" transform="translate(906.5 360.77)">57</text>
  581. <text class="cls-27" transform="translate(827.05 361.67)">56</text>
  582. <text class="cls-27" transform="translate(827.4 311.24)">55</text>
  583. <text class="cls-27" transform="translate(827.4 254.2)">54</text>
  584. <text class="cls-27" transform="translate(827.4 201.92)">53</text>
  585. <text class="cls-27" transform="translate(827.4 144.83)">52</text>
  586. <text class="cls-27" transform="translate(827.4 92.6)">51</text>
  587. <text class="cls-27" transform="translate(827.4 40.37)">50</text>
  588. <text class="cls-27" transform="translate(736.43 41.27)">49</text>
  589. <text class="cls-27" transform="translate(736.43 93.5)">48</text>
  590. <text class="cls-27" transform="translate(736.43 145.74)">47</text>
  591. <text class="cls-27" transform="translate(736.43 202.83)">46</text>
  592. <text class="cls-27" transform="translate(736.43 255.1)">45</text>
  593. <text class="cls-27" transform="translate(736.43 312.15)">44</text>
  594. <text class="cls-27" transform="translate(736.09 362.57)">43</text>
  595. <text class="cls-27" transform="translate(657.67 367.82)">42</text>
  596. <text class="cls-27" transform="translate(657.67 317.39)">41</text>
  597. <text class="cls-27" transform="translate(657.67 260.34)">40</text>
  598. <text class="cls-27" transform="translate(657.67 208.07)">39</text>
  599. <text class="cls-27" transform="translate(657.67 150.98)">38</text>
  600. <text class="cls-27" transform="translate(657.67 98.75)">37</text>
  601. <text class="cls-27" transform="translate(653.55 41.27)">36</text>
  602. <text class="cls-27" transform="translate(571.52 43.89)">35</text>
  603. <text class="cls-27" transform="translate(568.43 101.37)">34</text>
  604. <text class="cls-27" transform="translate(568.43 153.6)">33</text>
  605. <text class="cls-27" transform="translate(568.43 210.69)">32</text>
  606. <text class="cls-27" transform="translate(568.43 262.97)">31</text>
  607. <text class="cls-27" transform="translate(568.43 320.01)">30</text>
  608. <text class="cls-27" transform="translate(568.43 370.44)">29</text>
  609. <text class="cls-27" transform="translate(486.75 371.62)">28</text>
  610. <text class="cls-27" transform="translate(486.75 321.2)">27</text>
  611. <text class="cls-27" transform="translate(486.75 264.15)">26</text>
  612. <text class="cls-27" transform="translate(486.75 211.87)">25</text>
  613. <text class="cls-27" transform="translate(486.75 154.78)">24</text>
  614. <text class="cls-27" transform="translate(486.75 102.55)">23</text>
  615. <text class="cls-27" transform="translate(482.62 45.08)">22</text>
  616. <text class="cls-27" transform="translate(400.6 47.7)">21</text>
  617. <text class="cls-27" transform="translate(397.5 105.18)">20</text>
  618. <text class="cls-27" transform="translate(397.5 157.41)">19</text>
  619. <text class="cls-27" transform="translate(397.5 214.5)">18</text>
  620. <text class="cls-27" transform="translate(397.5 266.77)">17</text>
  621. <text class="cls-27" transform="translate(397.5 323.82)">16</text>
  622. <text class="cls-27" transform="translate(397.5 374.24)">15</text>
  623. <text class="cls-27" transform="translate(169.02 380)">14</text>
  624. <text class="cls-27" transform="translate(169.02 329.58)">13</text>
  625. <text class="cls-27" transform="translate(169.02 272.53)">12</text>
  626. <text class="cls-27" transform="translate(169.02 220.26)">11</text>
  627. <text class="cls-27" transform="translate(169.02 163.17)">10</text>
  628. <text class="cls-27" transform="translate(173.15 110.94)">9</text>
  629. <text class="cls-27" transform="translate(170.05 54.49)">8</text>
  630. <text class="cls-27" transform="translate(74.61 382.63)">1</text>
  631. <text class="cls-27" transform="translate(74.61 332.2)">2</text>
  632. <text class="cls-27" transform="translate(74.61 275.15)">3</text>
  633. <text class="cls-27" transform="translate(74.61 222.88)">4</text>
  634. <text class="cls-27" transform="translate(74.61 165.79)">5</text>
  635. <text class="cls-27" transform="translate(74.61 113.56)">6</text>
  636. <text class="cls-27" transform="translate(77.71 56.08)">7</text>
  637. </g>
  638. <g id="Beschreibungen">
  639. <text class="cls-28" transform="translate(3.66 212.92)">P</text>
  640. <text class="cls-28" transform="translate(5.73 576.97)">P</text>
  641. <rect class="cls-29" x="274.04" y="304.96" width="73.25" height="39.12"/>
  642. <text class="cls-30" transform="translate(273.36 328.35)">Spielwiese</text>
  643. <rect class="cls-29" x="41.82" y="458.52" width="58.04" height="28.72"/>
  644. <text class="cls-31" transform="translate(47.8 469)"><tspan class="cls-32">V</tspan><tspan class="cls-33" x="7.5" y="0">e</tspan><tspan class="cls-34" x="14.38" y="0">r</tspan><tspan x="19.13" y="0">eins-</tspan><tspan x="9.56" y="12.38">haus</tspan></text>
  645. </g>
  646. </svg>
  647.  
  648.  
  649.  
  650. </section>
  651.  
  652. <!-- Parzellen ENDE -->
  653.  
  654. <!-- Urban Gardening -->
  655.  
  656. <section class="Urbangardening" id="Urbangardening">
  657. <h2 class="home_header2" style="font-size: 50px;">Urban Gardening<br></h2>
  658. <h2 style="font-size: 30px;">Ein modernes, umweltbewusstes Gartenkonzept für Menschen in Hamburg-Schnelsen. <br>Sei dabei!</h2>
  659. <img src="images/Urban1.jpg" alt="Urban" width="1200" height="" class=""/>
  660.  
  661.  
  662. </section>
  663.  
  664. <!-- Urban Gardening ENDE -->
  665.  
  666. <!-- UG und KGV -->
  667. <section class="ugundkgv" id="ugundkgv">
  668. <h2 class="home_header2" style="font-size: 50px;">Urban Gardening im Kleingartenverein<br></h2>
  669. <h2 style="font-size: 30px;">„Urban Gardening“, also urbanes Gärtnern, bezeichnet die Nutzung von (zumeist kleineren) Flächen in Städten
  670. zum Anbau von Gemüse, Obst und Kräutern.</h2>
  671. <!--UG und KLV ENDE-->
  672.  
  673. <!--Urban Gardening-->
  674.  
  675. <section id="garten" class="garten">
  676. <article class="garten_column">
  677. <img src="images/gartenhamburg.png" alt="Hamburg" />
  678. </article>
  679. <article class="garten_column">
  680. <h2 style="font-size: 30px;">"Urban Gardeing" in Hamburg</h2>
  681. <p style="font-size: 20px;">Das Phänomen „Urban Gardening“ ist mittlerweile auch in Hamburg angekommen. Sogar die Hamburger Politik hat sich inzwischen dieses Themas angenommen. So schreibt das Konzept „Mehr Stadt in der Stadt – Gemeinsam zu mehr Freiraumqualität in Hamburg“ urbaner Gartenwirtschaft eine zunehmende Bedeutung zu. Auch die einzelnen Bezirke wurden kürzlich angefragt, mehr Nutzpflanzen anzubauen.</p>
  682. </article>
  683. </section>
  684. <section id="garten2" class="garten">
  685. <article class="garten_column">
  686. <h2 style="font-size: 30px;">„Urban Gardening“ in Schnelsen</h2>
  687. <p style="font-size: 20px;">Andere Städte wie London oder Berlin haben zwar deutlich mehr urbane Garten-Projekte als Hamburg,
  688. aber auch in Hamburg gibt es mittlerweile mehr als ein Dutzend solcher Projekte in den verschiedensten Stadtteilen - so auch in Schnelsen. Hier haben wir es uns zur Aufgabe gemacht, den auf der A7 entstandenen Deckel für verschiedene Zielgruppen nutzbar zu machen und den Stadtteil damit sowohl attraktiver als auch umweltbewusster zu gestalten. Ein Stadtteil von Menschen für Menschen, jung und alt, die gemeinsam Lust haben, Natur innovativ nutzbar zu machen. Daher laden wir Kindergärten, Schulen, Nachbarn, Familien und alle an dieser Idee interessierten Menschen dazu ein, sich in unserem Verein zu engagieren.!!!!!!!!!!KGV LINK!!!!!!!!!
  689. <br><br>Stöbern Sie doch gleich mal in unseren verschiedenen Angeboten !!!!!!!!!!KGV LINK!!!!!!!!!– wir freuen uns auf Sie!</p>
  690. </article>
  691. <article class="garten_column">
  692.  
  693. <img src="images/gartenschnelsen.png" alt="Pirat" />
  694. </article>
  695. </section>
  696. <section id="tour3" class="garten">
  697. </section>
  698.  
  699. <!--Urban gardening ENDE!-->
  700.  
  701.  
  702.  
  703. <!-- Termine -->
  704. <section id="termin">
  705. <h2 class="home_header2" style="font-size: 50px;">Angebote/Termine</h2>
  706. <h2 class="home_header2" style="font-size: 30px;">Regalmäßige Termine der Saison ( April bis oktober)</h2>
  707. <div class="termine" style="font-size: 20px;">
  708. <div class="termintabelle" style="font-size: 20px;">
  709. <!-- <h1 class="termin-header">Regalmäßige Termine in der Sainson </h1>-->
  710. <p class="green">Dienstags</p><br><br><br><br><br>
  711. <p>Mittwochs</p><br>
  712. <p class="green">Donnerstags</p><br><br>
  713. <p>Freitags</p>
  714.  
  715. </div>
  716. <div class="termintabelle" style="font-size: 20px;">
  717. <!--<h1 class="termin-header">Thema</h1>-->
  718. <p class="green">„Tomi Tomate – was wächst denn da?“
  719. Unsere kleinen Gartenkinder (bis 6 Jahre) pflanzen und pflegen nach Anleitung durch unseren Gärtner ihre eigenen Tomaten-Pflanzen</p>
  720. <p class="green">„Junges Gemüse – wir bauen ein Hochbeet!“
  721. Unsere großen Gartenkinder (1.-4. Klasse) bauen unter Anleitung selber ein Hochbeet, bepflanzen, pflegen und ernten im Anschluss</p>
  722. <p>„Arne Apfel – die Gartenwerkstatt“
  723. Unsere kleinen Gartenkinder (bis 6 Jahre) probieren und gärtnern frei rund um den Apfel</p>
  724. <p class="green">„green dates“
  725. Jeden Donnerstagabend ab 18Uhr ungezwungenes Beisammensein für große Gärtner</p>
  726. <p class="green">Jeden ersten Donnerstag im Monat Sprechstunde & Vorstandssitzung um 18.30 Uhr im Vereinshaus</p>
  727. <p>Von 12-22 Uhr - unsere Outdoorküche kann frei genutzt werden</p>
  728. </div>
  729.  
  730.  
  731. <h2 class="home_header2" style="font-size: 30px;">Weitere Termine</h2>
  732. <div class="termintabelle" style="font-size: 20px;">
  733. <!--<h1 class="termin-header">Weitere Termine</h1>-->
  734. <p class="green">06.10.2018</p><br>
  735. <p class="#">12.10.2018</p>
  736. <p class="green">25.10.2018</p>
  737. <p class="#">12.10.2018</p>
  738. <p class="green">20.12.2018</p>
  739. </div>
  740. <div class="termintabelle" style="font-size: 20px;">
  741. <!-- <h1 class="termin-header">Termin</h1>-->
  742. <p class="green">14 Uhr Workshop „peaceful gardening – bioveganes Leben in Hamburg“
  743. Vortrag, Austausch und Tipps & Tricks</p>
  744. <p>10 Uhr Workshop „Obstbaumschnitt – wann schneide ich was ab?“</p>
  745. <p class="green">11 Uhr Workshop „Rote Rose“</p>
  746. <p>13 Uhr Jahreshauptversammlung im Vereinshaus </p>
  747. <p class="green">Ab 15 Uhr Weihnachtsfeier bei Glühwein, BBQ und Lagerfeuer</p>
  748.  
  749. </div>
  750.  
  751. </div>
  752. <div>
  753. </div> </section>
  754. <!--Termine ENDE-->
  755.  
  756.  
  757. <!--hier fängt das impressum an.-->
  758.  
  759. <section id="impressum">
  760. <div class="impressum">
  761. <h2 style="font-size: 50px;">Impressum</h2>
  762. <p style="font-size: 20px;"> garden7, Kleingartenverein Schnelsen , Deckelkamp 1 , 22457 Hamburg</p>
  763. <p style="font-size: 20px;">Telefon (0 40) 33 30 36- 0 , Telefax (0 40) 33 30 36-100, E-Mail: info@garden7.de, www.garden7.de</p>
  764. <p style="font-size: 20px;">Vorstandvorsitzender: Gerd Gärtner , Verantwortlich für diese Seiten: 315</p>
  765. </div>
  766. </section>
  767.  
  768. </section>
  769.  
  770. <!--hier hört das Impressum auf-->
  771. </div>
  772.  
  773. </body>
  774. </html>
  775.  
  776.  
  777.  
  778. CSS: @charset "UTF-8";
  779. /* Body */
  780. body {
  781. font-family: 'Lato', sans-serif;
  782. background-color: #FFFFFF;
  783. margin-top: 20px;
  784. margin-right: 0px;
  785. margin-bottom: 20px;
  786. margin-left: 0px;
  787. font-style: normal;
  788. font-weight: 200;
  789. }
  790.  
  791.  
  792. h1,h2 {
  793. font-family: 'Lobster', cursive;
  794. text-align: center;
  795. letter-spacing: 2px;
  796. margin-top: 30px;
  797. margin-bottom: 30px;
  798. }
  799.  
  800. .kgv-text {
  801. font-family: 'Lato', sans-serif;
  802. color: black;
  803. font-weight: 400;
  804. margin-top: 15px;
  805. margin-bottom: 15px;
  806. }
  807.  
  808. .text-ug {
  809. font-family: 'Lato', sans-serif;
  810. font-weight: 400;
  811. margin-top: 25px;
  812. margin-bottom: 50px;
  813.  
  814. }
  815. /* Container */
  816. .container {
  817. width: 1200px;
  818. margin-left: auto;
  819. margin-right: auto;
  820. height: 2000px;
  821. background-color: #FFFFFF;
  822. font-family: 'lato', sans-serif;
  823. margin-top: 15px;
  824. font-weight: 400;
  825. margin-bottom: 50px;
  826.  
  827. }
  828.  
  829. /* Navigation */
  830. header {
  831. width: 100%;
  832. font-family: 'Lato', sans-serif;
  833. float:left;
  834. margin-top: 15px;
  835. font-weight: 400;
  836. margin-bottom: 15px;
  837.  
  838. }
  839. .logo {
  840. float: left;
  841. margin-top: 10px;
  842. margin-left: 10px;
  843.  
  844. }
  845. nav {
  846. float: right;
  847. width: 80%;
  848. text-align: right;
  849. margin-right: 25px;
  850. font-size: 20px;
  851.  
  852. }
  853. header nav ul {
  854. list-style: none;
  855.  
  856. }
  857. nav ul li {
  858. float: left;
  859. color: #FFFFFF;
  860. text-align: left;
  861. margin-right: 40px;
  862. letter-spacing: 2px;
  863. transition: all 2s linear;
  864. font-weight: 400;
  865. padding-bottom: 20px;
  866. }
  867. ul li a {
  868. color: #FFFFFF;
  869. text-decoration: none;
  870. }
  871. ul li:hover a {
  872. color: #f5f50c;
  873. }
  874. .navtext{
  875. position: relative;
  876. }
  877.  
  878. .navtext > li >ul{
  879. position: absolute;
  880. top: 42px;
  881. left: 120px;
  882. width: 120px;
  883. display:none;
  884. float:left;
  885. }
  886.  
  887. .navtext > li:hover > ul{
  888. display:block;
  889. }
  890. .home_header {
  891. color: #FFFFFF;
  892. text-align: center;
  893. margin-top: 0px;
  894. padding-top: 300px;
  895. margin-right: -50px;
  896. margin-bottom: 0px;
  897. margin-left: 0px;
  898. letter-spacing: 4px;
  899. font-family: 'Lobster', cursive;
  900. font-size: 40px;
  901. }
  902.  
  903. .home_header2 {
  904. color: Black;
  905. text-align: center;
  906. margin-top: 60px;
  907. margin-right: -50px;
  908. margin-bottom: 0px;
  909. margin-left: 0px;
  910. letter-spacing: 4px;
  911. font-family: 'Lobster', cursive;
  912. font-size: 40px;
  913. }
  914. .uhome{
  915. color: #FFFFFF;
  916. text-align: center;
  917. margin-top: 0px;
  918. padding-top: 100px;
  919. margin-right: -50px;
  920. margin-bottom: 0px;
  921. margin-left: 0px;
  922. letter-spacing: 4px;
  923. font-family: 'Lobster', cursive;
  924. font-size: 20px;
  925. }
  926. /* Hero Section */
  927. .home {
  928. background-color: #FFFFFF;
  929. background-image: url(../images/hintergrund.jpg);
  930. height:800px;
  931. ffont-family: 'Lato', sans-serif;
  932. }
  933.  
  934.  
  935. .kleingarten {
  936. padding-right: 25px;
  937. padding-top: 35px;
  938. display: inline-block;
  939. background-color: #FFFFFF;
  940. margin-top: 0px;
  941. font-family: 'Lato', sans-serif;
  942. margin-bottom: 50px;
  943.  
  944.  
  945. }
  946.  
  947. .termin-header {
  948. background-color: #FFFFFF;
  949. color:black;
  950. margin-bottom: 5px;
  951. }
  952. .termine {
  953. clear: both;
  954. display: inline-block;
  955. width: 100%;
  956. background-color: #FFFFFF;
  957. padding-bottom: 35px;
  958. padding-top: 0px;
  959. margin-top: -5px;
  960. margin-bottom: 0px;
  961. }
  962. .termintabelle {
  963. width: 50%;
  964. text-align: center;
  965. float: left;
  966. margin-top: 50px;
  967. margin-bottom:50px;
  968.  
  969. }
  970.  
  971.  
  972. .gallery .thumbnail h4 {
  973. margin-top: 5px;
  974. margin-right: 5px;
  975. margin-bottom: 5px;
  976. margin-left: 5px;
  977. color: #29a936;
  978. }
  979. .gallery .thumbnail p {
  980. margin-top: 0px;
  981. margin-right: 0px;
  982. margin-bottom: 0px;
  983. margin-left: 0px;
  984. color: #A3A3A3;
  985. }
  986. section.garten {
  987. background-color: #FFFFFF;
  988. padding-bottom: 35px;
  989. clear: both;
  990. }
  991.  
  992. section.garten2 {
  993. padding-bottom: 35px;
  994. clear: both;
  995. }
  996.  
  997. .garten_column {
  998. width: 50%;
  999. text-align: center;
  1000. padding-top: 30px;
  1001. float: left;
  1002.  
  1003. }
  1004. .garten_column h3 {
  1005. color: #B3B3B3;
  1006. text-align: center;
  1007. letter-spacing: 4px;
  1008.  
  1009. }
  1010. .footer_column p {
  1011. color: #f9f9f9;
  1012. background-color: #FFFFFF;
  1013. }
  1014.  
  1015. footer {
  1016. background-color: #FFFFFF;
  1017. padding-bottom: 35px;
  1018. }
  1019. .footer_column {
  1020. width: 50%;
  1021. text-align: center;
  1022. padding-top: 30px;
  1023. float: left;
  1024. }
  1025. footer .footer_column h3 {
  1026. color: black;
  1027. text-align: center;
  1028. }
  1029. footer .footer_column p {
  1030. color: #f9f9f9;
  1031. background-color: #FFFFFF;
  1032. }
  1033. .bild {
  1034. width: 100%;
  1035. height: auto;
  1036. max-width: 400px;
  1037. max-height: 200px;
  1038. }
  1039. footer .footer_column p {
  1040. padding-left: 30px;
  1041. padding-right: 30px;
  1042. text-align: justify;
  1043. line-height: 25px;
  1044. font-weight: lighter;
  1045. margin-left: 20px;
  1046. margin-right: 20px;
  1047. }
  1048. .button {
  1049. width: 200px;
  1050. margin-top: 40px;
  1051. margin-right: auto;
  1052. margin-bottom: auto;
  1053. margin-left: auto;
  1054. padding-top: 20px;
  1055. padding-right: 10px;
  1056. padding-bottom: 20px;
  1057. padding-left: 10px;
  1058. text-align: center;
  1059. vertical-align: middle;
  1060. border-radius: 0px;
  1061. text-transform: uppercase;
  1062. font-weight: bold;
  1063. letter-spacing: 2px;
  1064. border: 3px solid #FFFFFF;
  1065. color: #FFFFFF;
  1066.  
  1067. }
  1068. .button:hover {
  1069. background-color: #FEFEFE;
  1070. color: greenyellow;
  1071. }
  1072.  
  1073.  
  1074. footer {
  1075. display: inline-block;
  1076. }
  1077.  
  1078. .texte {
  1079.  
  1080. color: black;}
  1081.  
  1082.  
  1083. input[type=text], input[type=tel], input[type=email], select, textarea {
  1084. width: 100%;
  1085. padding: 12px;
  1086. border: 1px solid #ccc;
  1087. border-radius: 4px;
  1088. box-sizing: border-box;
  1089. margin-top: 6px;
  1090. margin-bottom: 16px;
  1091. resize: vertical;
  1092. }
  1093.  
  1094. input[type=submit] {
  1095. background-color: #4CAF50;
  1096. color: white;
  1097. padding: 12px 20px;
  1098. border: none;
  1099. border-radius: 4px;
  1100. cursor: pointer;
  1101. }
  1102.  
  1103. input[type=submit]:hover {
  1104. background-color: #45a049;
  1105. }
  1106.  
  1107. .container {
  1108. border-radius: 5px;
  1109. background-color: #f2f2f2;
  1110. padding: 20px;
  1111. }
  1112. .green {
  1113. color: forestgreen;
  1114. }
  1115.  
  1116. .impressum {
  1117. text-align: center;
  1118. padding-top: 20px;
  1119. padding-bottom: 20px;
  1120. background-color: #19a936;
  1121. color: #FFFFFF;
  1122. text-transform:none;
  1123. letter-spacing: 2px;
  1124. border-top-width: 2px;
  1125. font-family: 'Lato', sans-serif;
  1126. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!