index.html 60.4 KB
Newer Older
Patrick's avatar
Patrick committed
1
2
3
4
5
6
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
Patrick's avatar
Patrick committed
7
    <title>Weilimdorf Beteiligung</title>
Patrick's avatar
Patrick committed
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
    <meta name="description" content="Möchten Sie Ihre massiven Geodaten, z.B. 3D-Stadtmodell, Schrägluftbilder oder Punktwolken als gehostete Webkarte veröffentlichen?" />
    <meta name="keywords" content="digital@bw, SmartVillages, WebGIS, 3D-Stadtmodell, CityGML, virtualcityMAP, virtualcitySYSTEMS">
    <meta name="author" content="virtualcitySYSTEMS" />
    <meta name="publisher" content="Landesamt für Geoinformation und Landentwicklung Baden-Württemberg">
    <meta name="copyright" content="Landesamt für Geoinformation und Landentwicklung Baden-Württemberg">
    <meta name="robots" content="index,follow">
    <meta name="page-topic" content="Dienstleistung">
    <meta name="page-type" content="company">
    <meta http-equiv="language" content="deutsch, de">
    <meta name="date" content="2017">
    <meta name="audience" content="alle">
    <!--favicon -->
    <link rel="shortcut icon" href="images/favicon.ico"  />
    <meta name="theme-color" content="#ffffff">

    <!-- Social Media Tags -->
    <meta property="og:locale" content="de_DE" />
    <meta property="og:type" content="company" />
    <meta property="og:title" content="virtualcityMAP - 3D-Stadtmodelle im Browser" />
    <meta property="og:description" content="3D-Stadtmodelle im Browser - Entscheiden Sie sich für WebGIS Lösungen von virtualcitySYSTEMS." />
    <meta property="og:url" content="https://www.virtualcitysystems.de" />
    <meta property="og:site_name" content="virtualcitySYSTEMS" />
    <meta property="article:tag" content="Berlin" />
    <meta property="article:tag" content="WebGIS" />
    <meta property="article:tag" content="3D-Stadtmodell" />
    <meta property="article:tag" content="CityGML" />
    <meta property="article:tag" content="Open Data" />
    <meta property="article:tag" content="Cesium" />
    <meta property="article:tag" content="SmartCities" />
    <meta property="article:section" content="company" />
    <meta property="article:section" content="city" />
    <meta property="article:published_time" content="2017-01-01T10:10:10+00:00" />
    <meta property="og:image" content="http://www.virtualcitysystems.de/images/vcs/slider/virtualcitySYSTEMS_Webhosting_Silder.jpg" />
    <meta name="twitter:title" content="virtualcityMAP - 3D-Stadtmodelle im Browser" />
    <meta name="twitter:image" content="http://www.virtualcitysystems.de/images/vcs/slider/virtualcitySYSTEMS_Webhosting_Silder.jpg" />
    <meta name="twitter:site" content="@virtualcity" />
    <meta name="twitter:card" content="summary" />

  <style>
  .login-logo{
        background-image:url("images/digital.png");
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        float: left;
        width: 180px;
        height: 60px;
    }
    .screen-bkgr{
	    background-image:url("images/backgrd.png");
        background-size: cover;
        background-repeat: repeat;
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        text-align:center;
        font-family:Arial, sans-serif;
        font-size:1rem;
    }	
 .login-header{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 60px;
        padding: 10px;
        background-color: rgba(255,255,255,0.9);
    }
    .login-header h2{
        color: #000000;
        line-height: 1rem;
        display: inline-block;
    }
    .login-header-links{
        display: inline-block;
        float: right;
    }
    .login-header-links a{
        color: #000000;
        text-decoration: none;
    }
    .login-content-wrap{
        position: absolute;
        top: 80px;
        left: 0;
        right: 0;
        bottom: 50px;
        overflow-y: auto;
    }
    .login-content{
        display: inline-block;
        width: 60%;
        margin-top: 40px;
        background-color: #ffffff;
        text-align: left;
		opacity: 0.9;
    }
    .login-content-header{
        background-color: #c9c9c9;
        padding: 10px;
    }
    .login-content-form{
        padding: 10px;
		opacity: 0.8;
    }
    .login-content-form li{
        line-height: 1.5rem;
    }
    .login-button{
        display: inline-block;
        padding: 5px 10px;
        border: 1 px #000000;
        color: #000000;
        font-weight: bold;
		font-size: 18px;
        background-color: #F7E819;
    }
    .login-footer{
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 50px;
        background-color: #8f1a1a;
        text-align: right;
    }
    .login-footer a{
        color: #ffffff;
        text-decoration: none;
        font-size: .9rem;
        margin: 20px 10px 0 0;
        display: inline-block;
142
    }
Patrick's avatar
Patrick committed
143
	 
Patrick's avatar
Patrick committed
144
145
146
147
	 </style>
	
	<link rel='stylesheet' href='css/vcm_ui.css'>
    <link rel='stylesheet' href='css/vcm.css'>
Patrick's avatar
Patrick committed
148
149
    <link rel='stylesheet' href='css/collapse.css'>

Patrick's avatar
Patrick committed
150
151
	<!-- // added Story -->	
	<link rel="stylesheet" href="templates/custom.css">
Patrick's avatar
Patrick committed
152
153
    <link rel="stylesheet" href="templates/story/story.css">
    <link rel="stylesheet" href="templates/cus_Menu.css">
Patrick's avatar
Patrick committed
154
    <link rel="stylesheet" href="sources/nouislider.css">
Patrick's avatar
Patrick committed
155
    
Patrick's avatar
Patrick committed
156
157
158
159
160
161
	
  </head>
  <body>
  
  <header class="tour-header vcm-header-height vcm-header-base vcm-border-splash">
      <div id="header">
Patrick's avatar
Patrick committed
162
          <div class="logo-box vcm_copyright_headerLogoBox" style="width:40rem!important;">
Patrick's avatar
Patrick committed
163
              <div class="company-logo"></div>
Patrick's avatar
Patrick committed
164
              <div class="company-logo2"></div>
165
              <div class="company-logo3"></div>
Patrick's avatar
Update    
Patrick committed
166
              <div class="company-logo4"></div>
Patrick's avatar
Patrick committed
167
168
          </div>
          <div class="title-box vcm_copyright_headerTitle"></div>
169
                    <!-- Drop down menu starts here -->
Patrick's avatar
Patrick committed
170
                    <div class="dropdown hidden" id="dropdownMain" style="float: right; right:20px">
Patrick's avatar
Patrick committed
171
                        <i class="fa fa-bars" id="dropdownMenu" style="font-size:1.8rem;color: white !important; margin-top:1rem;"></i>
172
                            <div class="dropdown-content" id="dropdownContent">
Patrick's avatar
Patrick committed
173
                                    <button class="accordion">Kartenauswahl</button>
174
                                    <div class="sub-menu">
Patrick's avatar
Patrick committed
175
176
177
178
179
180
181
182
183
184
185
                                        <!-- <a href="#" onclick="">Luftbilder</a>   -->
                                        <div class='box-4'>
                                            <p id="selectedMap" style="text-align: center; margin-top:0px;color:#000000;">Orthofoto</p><div class='switch2'>
                                            <input type='checkbox' name='toggle' id='SLayerChange' onclick='switchLayer(true);'>
                                            
                                            <label for='toggle'><i></i></label>
                                            <span></span>
                                            
                                            </div>
                                            </div>
      
Patrick's avatar
Patrick committed
186
187
188
189
190
                                    </div>
                                    <button class="accordion">Gebiete</button>
                                    <div class="sub-menu">
                                        <!-- <a href="#" onclick="">Luftbilder</a>   -->
                                        <div class='box-4'>
191
192
                                            <p id="selectedArea" style="text-align: center; margin-top:0px;color:#000000;">An</p><div class='switch2'>
                                            <input type='checkbox' name='toggle' id='ALayerChange' onclick='switchArea(true);' checked>
Patrick's avatar
Patrick committed
193
194
195
196
197
198
199
                                            
                                            <label for='toggle'><i></i></label>
                                            <span></span>
                                            
                                            </div>
                                            </div>
      
Patrick's avatar
Patrick committed
200
201
202
203
204
                                    </div>
                                    <button class="accordion">Gelände</button>
                                    <div class="sub-menu">
                                        <!-- <a href="#" onclick="">Luftbilder</a>   -->
                                        <div class='box-4'>
205
206
                                            <p id="selectedTerrain" style="text-align: center; margin-top:0px;color:#000000;">An</p><div class='switch2'>
                                            <input type='checkbox' name='toggle' id='TLayerChange' onclick='switchTerrain(true);' checked>
Patrick's avatar
Patrick committed
207
208
209
210
211
212
213
                                            
                                            <label for='toggle'><i></i></label>
                                            <span></span>
                                            
                                            </div>
                                            </div>
      
Patrick's avatar
Patrick committed
214
215
216
217
218
219
220
221
222
223
224
225
226
227
                                    </div>
                                    <button class="accordion">Gebäude</button>
                                    <div class="sub-menu">
                                        <!-- <a href="#" onclick="">Luftbilder</a>   -->
                                        <div class='box-4'>
                                            <p id="selectedBuilding" style="text-align: center; margin-top:0px;color:#000000;">Einfärben</p><div class='switch2'>
                                            <input type='checkbox' name='toggle' id='BLayerChange' onclick='changeColor(true);'>
                                            
                                            <label for='toggle'><i></i></label>
                                            <span></span>
                                            
                                            </div>
                                            </div>
      
228
                                    </div>
Patrick's avatar
update    
Patrick committed
229
                                    <!-- <button class="accordion">Add Pins</button>
Patrick's avatar
Patrick committed
230
                                    <div class="sub-menu">
Patrick's avatar
update    
Patrick committed
231
                                        
Patrick's avatar
Patrick committed
232
233
                                        <a href="#" onclick="addingPin()">Adding a Pin</a>
                                        
Patrick's avatar
update    
Patrick committed
234
                             
Patrick's avatar
Patrick committed
235
                                    </div> -->
Patrick's avatar
update    
Patrick committed
236

237
238
239
                            </div>
                      </div>
                    <!-- Drop down menu ends here -->            
Patrick's avatar
Patrick committed
240
241
242
243
244
           <div class="tool-box" style="cursor:pointer"></div> 
      </div>
  </header>
  <div id="story-frame" class="startscreen vcm-map-top">
      <!-- Content Start Screen -->
Patrick's avatar
Patrick committed
245
246
      <div class="balloon teaser-balloon"  id="balloon-startscreen">
          <div class="balloon-content startcontent">
Patrick's avatar
Patrick committed
247
248
              <h1 class="balloon-title i18n_balloon_startscreen_title">
 			     <!--img src="images/Logo_SV.png"  width="150"-->
Patrick's avatar
Patrick committed
249
                 <strong>Zukunftsdialog Weilimdorf</strong> <br>
Patrick's avatar
Patrick committed
250
              </h1>
Patrick's avatar
Patrick committed
251
              <p style="color:red;">Hinweis: <br>
Patrick's avatar
updates    
Patrick committed
252
253
                Die Darstellung in der Desktopversion wird empfohlen. Es kann zu Änderungen in der Darstellung bei mobilen Endgeräten kommen.
                </p>
Patrick's avatar
Patrick committed
254
              <br>
255
              <!-- <p class="contentOne">Die digitale Beteiligungsplattform für das Projekt der Landeshauptstadt Stuttgart in Weilimdorf wurde von der <a href="https://www.hft-stuttgart.de/">Hochschule für Technik Stuttgart</a> zusammen mit der <a href="https://www.steg.de/">STEG</a> entwickelt.</p> -->
256
257
              <!-- <p class="contentOne">Sie beinhaltet ein 3D-Stadtmodell sowie ein Geländemodell durch welches Sie navigieren können.</p>
              <p class="contentOne">Zusätzlich wurden verschiedene Inhalte kuriert und Umfragen erstellt welche Sie auf der Seite beantworten können um sich zu informieren und Ihre Meinung abzugeben.</p><br> -->
Patrick's avatar
Update    
Patrick committed
258
              <!-- www.stuttgart-meine-stadt.de/stadtentwicklung/walz-areal -->
259
              <div id="einlP02" style="display:none;">
260
              <h2>Einleitende Info</h2>
Patrick's avatar
updates    
Patrick committed
261
262
263
264
265
266
              <p class="contentOne">Das Areal der ehemaligen Gärtnerei Walz und das Umfeld westlich der Solitudestraße in Weilimdorf befinden sich in einem umfassenden baulichen und funktionalen Wandel. Neben den bestehenden Sportnutzungen ist der Bereich durch einen teilweisen Leerstand des ehemaligen Gärtnereiareals ebenso geprägt wie durch die in den letzten Jahren neu entstandenen Gebäude für eine Kindertagesstätte und eine Flüchtlingsunterkunft. Nun soll der Gesamtbereich westlich der Solitudestraße städtebaulich weiterentwickelt werden. Hierfür möchte die Landeshauptstadt eine Gesamtkonzeption unter dem Titel "Entwicklungskonzept Westlich der Solitudestraße" erarbeiten. Dabei sollen kurz- und längerfristige Nutzungsmöglichkeiten für den Bereich aufgezeigt werden.
                <br><br>
                Das Plangebiet erstreckt sich von der Engelbergstraße im Süden bis zur B 295 im Norden. Es befindet sich mittig im Stadtbezirk und gleichzeitig exponiert an der zentralen (Erschließungs-) Achse des Bezirks, der Solitudestraße. Aufgrund seiner Lage, Größe und Nutzung hat es eine große Bedeutung für Weilimdorf.
                <br><br>
                In einem ersten Schritt hat die Verwaltung den politischen Gremien verschiedene Entwicklungsszenarien vorgelegt, anhand derer künftige Nutzungsmöglichkeiten geprüft wurden. Nach einem umfassenden Beratungsprozess haben sich die gemeinderätlichen Gremien und der Bezirksbeirat Weilimdorf für ein Entwicklungsszenario ausgesprochen, das sich auf die Schwerpunkte Sport, gemeinschaftliche und soziale Nutzungen (u. a. Bürgerhaus) sowie Frei- und Grünraum fokussiert. Dieses Entwicklungsszenario soll als Rahmen für die aktuelle Bürgerbeteiligung dienen. 
                <br><br>
Patrick's avatar
Patrick committed
267
                Im Rahmen des Zukunftsdialogs Entwicklungskonzept Westlich der Solitudestraße können Sie sich umfassend über die Rahmenbedingungen informieren und direkt online am Planungsgeschehen beteiligen. Vor Ort haben Sie die Möglichkeit, an <b>Quartierssparziergängen</b> durch das Plangebiet teilzunehmen. Die Termine für die Quartiersspaziergänge werden, sofern diese unter Berücksichtigung der dann aktuellen Pandemieverordnung möglich sind, frühzeitig bekannt gegeben. Bitte melden Sie sich für die Teilnahme an den Quartiersspaziergängen unter <a href="https://www.stuttgart-meine-stadt.de/stadtentwicklung/walz-areal">www.stuttgart-meine-stadt.de/stadtentwicklung/walz-areal</a> an. Über Ihre dort angegebenen Kontaktdaten werden wir Sie dann über die Termine informieren. Durch vor Ort aufgestellte Plakatwände besteht zusätzlich die Möglichkeit, Informationen über das Plangebiet zu erhalten. 
Patrick's avatar
updates    
Patrick committed
268
269
270
                <br><br>
                Ihre Ideen sollen in die weitere Bearbeitung des Entwicklungskonzepts einfließen und den politischen Gremien vorgestellt werden. Abschließend wird das Entwicklungskonzept die Basis für alle weiteren planerischen Schritte im Gesamtbereich westlich der Solitudestraße, beispielsweise im Rahmen eines Bebauungsplanverfahrens, bilden.
                </p>
271
272
              </div>
              <div id="einlP01">
Patrick's avatar
Update    
Patrick committed
273
              <h2>Liebe Weilimdorferinnen und Weilimdorfer,</h2>
Patrick's avatar
Patrick committed
274
              <p class="contentOne">seit vielen Jahren beschäftigen wir uns nun schon mit der weiteren Verwendung der Flächen der ehemaligen Gärtnerei Walz an der Solitude-/ Engelbergstraße, im direkten Anschluss an das Sportgelände der SGW.
275
                Nach anfänglichen Überlegungen, das Gelände dem Wohnungsbau und der Nutzung durch eine Senioreneinrichtung zuzuführen, ergaben die einschlägigen Gutachten, dass diese Pläne bei der dortigen Lärmbelastung nicht realisierbar sind.
Patrick's avatar
Patrick committed
276
                Schon im April 2019 hat sich der Bezirksbeirat auf der Basis der Vorschläge des Amtes für Stadtplanung und Wohnen für ein Entwicklungsszenario ausgesprochen. Damit erstreckt sich das neu zu planende Areal vom Jugendhaus bis zur Engelbergstraße. Die Fläche gliedert sich in drei Abschnitte. Während der Bereich A neben dem Jugendhaus Gemeinwesen-Einrichtungen wie das künftige „Forum Weilimdorf“ als Bürgerhaus mit Saal für 250 Personen und einem Stadtteil- und Familienzentrum mit Kita aufnehmen soll, wird im anschließenden Bereich B die bestehende Sportnutzung festgeschrieben und durch weitere Sportstätten arrondiert und ergänzt. Der Bereich C soll dann für Sport und Freizeit zur Verfügung stehen.<br>
277
278
                Das, zur näheren Ausgestaltung dieses Leitplankenbeschlusses, bereits für den Sommer 2019, geplante Bürgerbeteiligungsverfahren hat sich wiederholt verzögert und konnte dann im Frühjahr 2020 wegen der Corona-Pandemie nicht mehr durchgeführt werden. <br>
                Im Dezember nun ist ein Bürgerbeteiligungsformat, primär in digitaler Form, vorgesehen. Ich möchte Sie sehr herzlich dazu einladen an der Gestaltung dieser hoch attraktiven Fläche im Schnittpunkt der Stadtteile Bergheim, Giebel, Wolfbusch und Weilimdorf mitzuwirken. Bringen Sie sich ein und gestalten Sie mit an der Zukunft und der Attraktivität unseres Stadtbezirks.
Patrick's avatar
Update    
Patrick committed
279
280
281
282
283
284
285
286
                </p><br>
                <p class="contentOne">
                    Mit freundlichen Grüßen  
                </p><br>
                <p class="contentOne">
                    Ulrike Zich <br>
                    Bezirksvorsteherin

Patrick's avatar
updates    
Patrick committed
287
288
                </p>
                <img style='padding-top:0px;width:12rem;' id="signature" src='images/Intro/signature.png' alt='Simply Easy Learning'><br>
289
                <button id="tourstart-btn2" onclick="showEinleitung();" class="buttonset two"><span class="i18n_balloon_startscreen_btn">Weiter</span>
290
291
                </div>
              <details id="detAnleitung" style="display:none;">
Patrick's avatar
Patrick committed
292
                <summary class="contentOne">Anleitung zur Benutzung der Plattform</summary>
293
294
                <p class="contentOne">Hier kommt der ausführliche Inhalt zur Anleitung</p>
                <img style='padding-top:10px' id="erklImage" src='images/erklaerung.png' alt='Simply Easy Learning' usemap="#image-map">
Patrick's avatar
Patrick committed
295
                
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
                <map name="image-map">
                    <area  alt="ErklaerungOne" title="ErklaerungOne" onclick="erklOne()" coords="1638,121,52" shape="circle">
                    <area  alt="ErklaerungTwo" title="ErklaerungTwo" onclick="erklTwo()" coords="1636,358,48" shape="circle">
                    <area  alt="ErklaerungThree" title="ErklaerungThree" onclick="erklThree()" coords="1746,858,50" shape="circle">
                    <area  alt="ErklaerungFour" title="ErklaerungFour" onclick="erklFour()" coords="388,732,52" shape="circle">
                </map>
                <details id="InhaltOne">
                    <summary class="contentOne">Punkt <img src='images/Intro/Bild1.png' style="width:20px;margin-bottom:-10px;">: Menü</summary>
                    <p class="contentOne">In diesem Menü können Sie verschiedene sogenannte Layer auswählen und damit verschiedene Inhalte wie das Gelände, die einzelnen Gebiete oder eine schematische Karte anzuzeigen. Damit können Sie ihre Anzeige individuell anpassen.</p>
                </details>
                <details id="InhaltTwo">
                    <summary class="contentOne">Punkt <img src='images/Intro/Bild2.png' style="width:20px;margin-bottom:-10px;">: Navigation</summary>
                    <p class="contentOne">Die Navigation bietet verschiedene Möglichkeiten. Die Navigation kann genutzt werden um sich auf der Karte zu bewegen und dient als Alternative zu der Navigation mit den Maustasten. <br>
                        Mit den <b>Pfeilen</b> kann man sich in die entsprechende Richtung bewegen. Das <b>Auge</b> lässt Sie um den momentanen Bildschirmmittelpunkt rotieren.
                        Die beiden Icons der <b>Grids</b> verringern bzw. vergrößern den Neigungswinkel. <b>Plus</b>Plus und <b>Minus</b> dienen zum Zoom. Der schräge Pfeil lässt Sie zu ihrem aktuellen Physischen Standort springen und das Icon des Männchens bringt Sie in einen Fußgänger Modus indem sie sich ähnliches wie in einem Spiele mit Pfeiltasten fortbewegen können. 
                    </p>
                </details>
                <details id="InhaltThree">
                    <summary class="contentOne">Punkt <img src='images/Intro/Bild3.png' style="width:20px;margin-bottom:-10px;">: Funktionalitäten</summary>
                    <p class="contentOne">Die Funktionalitäten welche auf der rechten Seite angzeigt werden erlauben es Ihnen die Ansicht zu verändern. Sie können mit dem Icon des Gebäudes auf die Ausgangsansicht zurückspringen. Über das 3D Icon lässt sich zwischen der 2D und 3D Karte umschalten. Das Kartensymbol erlaubt die Anzeige einer kleinen Übersichtskarte die die Navigation erleichtern soll.</p>
                </details>
                <details id="InhaltFour">
                    <summary class="contentOne">Punkt <img src='images/Intro/Bild4.png' style="width:20px;margin-bottom:-10px;">: Inhalt</summary>
                    <p class="contentOne">Die Inhalte in der Karte welche für das Beteiligungsverfahren relevant sind werden über verschiedene Icons in der Karte verortet.</p>
                </details>
Patrick's avatar
Patrick committed
321
              </details>
322
              <button id="tourstart-btn" onclick="stopStory();" style="display:none;" class="buttonset two"><span class="i18n_balloon_startscreen_btn">Start</span>
Patrick's avatar
Update    
Patrick committed
323
              </button> <br>
324
              <div id="iconlist" style="display:none;">
Patrick's avatar
Patrick committed
325
326
              <img id="balloon_logo01" src="./icons/STUTTGARTmitPferd.png" alt="Stadt_Logo">
              <img id="balloon_logo02" src="./icons/HFT_M4_LAB_rgb.svg" alt="M4_Lab_Logo" >
327
              
Patrick's avatar
Patrick committed
328
329
              <img id="balloon_logo03" src="./icons/innHoch.svg" alt="InnHochschule">
              <img id="balloon_logo04" src="./icons/Die_STEG_2010.jpg" alt="STEG">
330
            </div>
Patrick's avatar
Patrick committed
331
332
333
334
335
336
337
          </div>
          <div class="dialog-image-balloon"></div>
          <div class="balloon-left-edge"></div>
      </div>
      <!-- End of: Content Start Screen -->
      <!-- Content Tour -->
      <div id="tour-frame" style="display: none; overflow-y: scroll;">
Patrick's avatar
Patrick committed
338
          <div class="tour-top-navi"  style="z-index:99">
339
             <a href="#" onclick="handleClose()" id = "testing" class="top-nav buttonset one"><i style="zoom: 1.4" class="fa fa-close"></i></a>
Patrick's avatar
Patrick committed
340
             <!-- <a href="#energiefahrrad" class="top-nav buttonset one"><i class="fa fa-bicycle"></i> Projekt 2</a>
Patrick's avatar
Patrick committed
341
             <a href="#wea" class="top-nav buttonset one"><i class="fa fa-bolt"></i> Projekt 3</a>
Patrick's avatar
Patrick committed
342
             <a href="#projects" id="back" class="top-nav buttonset one"><i class="fa fa-bolt"></i> Back to Projekt View 3</a> -->
Patrick's avatar
Patrick committed
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
	<!-- Buttonleiste oben
			  <a href="#demo-viewpoint" class="top-nav buttonset one"><i class="fa fa-globe"></i> Viewpoint</a>	
              <a href="#demo-hiding" class="top-nav buttonset one"><i class="fa fa-eye-slash"></i> Hiding</a>
              <a href="#demo-highlight" class="top-nav buttonset one"><i class="fa fa-building"></i> Higlighting</a>
              <a href="#demo-planning" class="top-nav buttonset one"><i class="fa fa-building"></i> Planning</a>
              <a href="#demo-layer" class="top-nav buttonset one"><i class="fa fa-exchange"></i> Layer Switch</a>
              <a href="#demo-labels" class="top-nav buttonset one"><i class="fa fa-tag"></i> Labels</a>
              <a href="#demo-poi" class="top-nav buttonset one"><i class="fa fa-map-marker"></i> POI</a>
              <a href="#demo-rotate" class="top-nav buttonset one"><i class="fa fa-repeat"></i> Rotate</a>
              <a href="#story_start" class="top-nav buttonset one"><i class="fa fa-arrow-up"></i></a>
	--> 
          </div>
          <!-- Projekt 1
            ======================================================================================================= -->
        <div id="projektOne" class="SideInfo" style="display:none;">

Patrick's avatar
Update    
Patrick committed
359
            <h1 class="sticky" id="headOne">Überschrift</h1>
Patrick's avatar
Patrick committed
360
            
Patrick's avatar
Update    
Patrick committed
361
362
            <p class="contentOne">Text fehlt</p>

Patrick's avatar
Patrick committed
363
364
365
366
367
        
                        <!-- Slideshow container -->


        </div>
Patrick's avatar
Patrick committed
368
        <!-- <div id="TestText" class="SideInfo" style="display:none;">
Patrick's avatar
Patrick committed
369

Patrick's avatar
Patrick committed
370
371
372
373
374
375
376
377
378
            <h1 class="sticky" id="headOne">Böckinger Straße</h1>
            
            <p class="contentOne">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent pharetra ut sem nec mattis. Ut gravida consectetur urna quis faucibus. Ut in justo nunc. Suspendisse potenti. Aliquam nec tortor aliquet enim ultricies gravida. Vivamus justo enim, mattis quis malesuada id, iaculis vel orci. Vivamus tortor leo, finibus a eros et, accumsan volutpat nisl. Sed sit amet ex eget lectus finibus rhoncus ac quis metus.
                Aliquam erat volutpat. Vivamus ut fermentum lectus. Quisque hendrerit felis eu convallis tincidunt. Aenean pretium finibus orci. Nam est justo, semper non est id, ultricies laoreet mi. Donec rutrum quam a ex congue ultrices. Nullam vulputate elit at iaculis scelerisque. Aliquam metus diam, vulputate eget purus et, placerat pharetra elit. Integer quis erat ut dolor pellentesque gravida. Aliquam vulputate urna vel neque interdum imperdiet. Quisque facilisis condimentum odio ac sollicitudin. Integer eleifend eget augue eget mattis. Pellentesque eu lectus rhoncus, malesuada lacus ut, lobortis turpis. Mauris in scelerisque orci. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                Phasellus mollis viverra magna vitae semper. Vestibulum turpis mi, elementum in dapibus vel, convallis at odio. Etiam diam leo, rhoncus a risus et, eleifend molestie ipsum. Nullam vitae aliquam metus. Duis efficitur urna ut eros accumsan, sit amet placerat felis laoreet. Cras vitae neque in mauris euismod consequat egestas sed magna. Sed sit amet nibh in enim eleifend pulvinar non eu diam. Integer mauris lacus, malesuada non diam sed, mattis laoreet elit. Suspendisse potenti. Donec pulvinar finibus lorem, posuere varius arcu tempus at.
                Ut nec leo enim. Nullam gravida fringilla aliquam. Proin varius, dui nec euismod tincidunt, urna arcu vehicula ex, in eleifend libero ipsum sit amet lacus. Sed scelerisque urna in odio consectetur, eu pulvinar velit auctor. Morbi fringilla, ipsum vitae sollicitudin condimentum, felis felis sagittis quam, eget varius purus turpis sed ipsum. Ut ut sagittis eros. In sem neque, vehicula et vulputate congue, elementum vitae diam. Mauris nulla orci, pharetra vitae libero ac, sodales vulputate nibh. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut blandit cursus aliquam. Maecenas ornare luctus nibh vel consectetur. Quisque eros felis, condimentum a justo nec, facilisis cursus turpis. Praesent sagittis consequat dui, vel rutrum leo sagittis ac. Nullam efficitur libero sed risus tincidunt posuere.
                Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer finibus nisl sit amet feugiat convallis. Nunc consequat, ex sit amet pretium aliquet, magna nunc rhoncus elit, ut vestibulum tortor dolor sit amet turpis. Nullam neque nisi, rhoncus efficitur lacinia ut, ullamcorper sit amet dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin gravida nibh quis congue. </p>
           
        </div> -->
Patrick's avatar
Patrick committed
379
380
        <div id="UmfrageOne" class="SideInfo" style="display:none;">

381
382
            <p>Falls Sie Probleme mit der integrierten Version der Umfrage haben sollten, können Sie über diesen Link direkt darauf zugreifen:</p>
            <a href="https://umfrage.smartvillages.online/limesurvey/index.php/796921?lang=de">Umfrage</a> <br><br>
Patrick's avatar
Patrick committed
383
            <iframe id="iframe" style="width: 95%; height:50em;margin-left:1em;margin-right:1em;border: none;" src="https://umfrage.smartvillages.online/limesurvey/index.php/796921?lang=de"></iframe>
Patrick's avatar
Patrick committed
384
            
Patrick's avatar
Patrick committed
385
            <!-- <p class="contentOne">Die Reduzierung des privaten Wohnraums bedingt auch das Zusammenleben
Patrick's avatar
Patrick committed
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
                im Quartier. Wohnfunktionen werden wieder in den öffentlichen Raum
                und die Gemeinschaft verlagert und im Sinne von urbanen Gemeingütern
                genutzt. Die Funktionsweise solcher Gemeingüter beruht dabei hauptsächlich
                auf drei Grundelementen: der Ressource, einer Gruppe, die die Ressource
                gemeinsam nutzt und den Regeln, die diese Gruppe zur Nutzung
                festlegt. Aber wie kann man solche Gemeingüter in einem sich neu
                entwickelnden Quartier implementieren?</p>
            <p class="contentOne">In einem Realexperiment werden Konzepte und Ideen in Verknüpfung mit
                lokalen Akteuren erarbeitet und ausprobiert. <br>
                Der Garten des Imanuel Grözinger Hauses dient dabei als Ausgangspunkt. Drei Teams - Kommunikation,
                Programm und Bau - führen Interviews, erarbeiten ein Programm
                und eine bauliche Intervention vor Ort. Den Abschluss bildet ein Aktionstag
                gemeinsam mit Bewohnern und Nachbarn.</p><br>
                <p class="contentOne">Folgen Sie uns auf Instagram! Fotos und Videos führen Sie durch unsere
                gesamte Woche in der Böckinger Straße.</p><br>
                <p>@les_stuttgart</p>
Patrick's avatar
Patrick committed
402
                <p>#ibasummerschool2019 #howtocommons #experiment</p> -->
Patrick's avatar
Patrick committed
403
404
405
406
407
        


        </div>
            <!--=======================================================================================================-->
Patrick's avatar
Patrick committed
408
409
410
            <!-- Project Stoeckach Energiekonzept -->
        <div id="Energiekonzept" class="SideInfo" style="display:none;">

Patrick's avatar
Patrick committed
411
            <h1 class="sticky" id="headOne">Energy Project Stöckach</h1>
Patrick's avatar
Patrick committed
412
413
414
415
416
417
            
            <p class="contentOne">In this study, we have evaluated multiple local energy system scenarios to find the optimal energy system design concepts for the” future” EnBW-Areal. In this study,
                <br> •	we developed a 3D CityGML model for the EnBW-Areal and along with other calculation tools, estimated the electricity, heat, and hot water related energy demand profiles for the neighborhood.
                <br> •	we evaluated multiple energy supply options that includes energy sources and conversion technologies to meet the estimated total energy demand.
                <br> •	we evaluated the cost minimized technology mixes that achieves reduced CO2 emissions and compared the different energy system scenarios against a baseline energy system.
                </p>
Patrick's avatar
Patrick committed
418

Patrick's avatar
Patrick committed
419
            <button id="energydemand"  onclick="highlightFeatures('energydemand')" type="button" class="collapsible">Energy demand</button>
Patrick's avatar
Patrick committed
420
421
            <div class="content">
                <p>The annual electrical, heating, and hot water energy demand for the EnBW-Areal is estimated to be 2.88 GWh, 1.57 GWh, and 1.77 GWh, respectively. </p>
Patrick's avatar
Patrick committed
422
423
424
425
426
427
                
                <div class="slideshow-container">

                    <!-- Full-width images with number and caption text -->
                        <div class="mySlides2 fade">
                        <div class="numbertext">1 / 4</div>
Patrick's avatar
Patrick committed
428
                        <img src="images/content/contentstoeckach/img1.jpg" style="width:100%">
Patrick's avatar
Patrick committed
429
430
431
432
433
                        <div class="text">The estimated hourly heat energy demand (units: kW)</div>
                        </div>
                    
                        <div class="mySlides2 fade">
                        <div class="numbertext">2 / 4</div>
Patrick's avatar
Patrick committed
434
                        <img src="images/content/contentstoeckach/img2.jpg" style="width:100%">
Patrick's avatar
Patrick committed
435
436
437
438
439
                        <div class="text">The estimated hourly energy demand for hot water generation (units: kW)</div>
                        </div>
                    
                        <div class="mySlides2 fade">
                        <div class="numbertext">3 / 4</div>
Patrick's avatar
Patrick committed
440
                        <img src="images/content/contentstoeckach/img3.jpg" style="width:100%">
Patrick's avatar
Patrick committed
441
442
443
444
445
                        <div class="text">Electricity demand for non-residential spaces (units: kW)</div>
                        </div>
        
                        <div class="mySlides2 fade">
                        <div class="numbertext">4 / 4</div>
Patrick's avatar
Patrick committed
446
                        <img src="images/content/contentstoeckach/img4.jpg" style="width:100%">
Patrick's avatar
Patrick committed
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
                        <div class="text">Electricity demand for residential and spaces (units: kW)</div>
                        </div>
        
                    
                        <!-- Next and previous buttons -->
                        <a class="prev" onclick="plusSlides(-1, 1)">&#10094;</a>
                        <a class="next" onclick="plusSlides(1, 1)">&#10095;</a>
                    </div>
                    <br>
                    
                    <!-- The dots/circles -->
                    <div style="text-align:center">
                        <span class="dot" onclick="currentSlide(1)"></span>
                        <span class="dot" onclick="currentSlide(2)"></span>
                        <span class="dot" onclick="currentSlide(3)"></span>
                        <span class="dot" onclick="currentSlide(4)"></span>
  
                    </div>
            
Patrick's avatar
Patrick committed
466
            </div>
Patrick's avatar
Patrick committed
467
            <button id="solarpotential" onclick="highlightFeatures('solarpotential')" type="button" class="collapsible">Solar PV potential</button>
Patrick's avatar
Patrick committed
468
            <div class="content">
Patrick's avatar
Patrick committed
469
                <p>The study shows that the EnBW-Areal has a feasible potential to utilize approx. 30-35% of the roof area to generate local electricity from solar PV. As a result, the energy consumption related CO2 emissions can be reduced by about 30% compared to the base scenario evaluated in this study at an 8% less cost. PV curtailment due to over production and feed-in constraints could lower the share of integrated PV generation significantly above 35% penetration levels. There are both technological and market-based strategies to optimally integrate the local PV generation. However, such concepts must be analyzed further in greater detail.   </p>
Patrick's avatar
Patrick committed
470
            </div>
Patrick's avatar
Patrick committed
471
            <button id="heatpump" onclick="highlightFeatures('heatpump')" type="button" class="collapsible">Power-to-heat via heat pump</button>
Patrick's avatar
Patrick committed
472
            <div class="content">
Patrick's avatar
Patrick committed
473
474
475
476
477
478
479
480
481
                <p>High-efficient heat pumps can both reduce the CO2 emissions and the primary energy use. A direct comparison between the heat pumps and district heating is tricky because the emissions from a district heating plant heavily depends on it’s fuel mix. In Stuttgart, it is common to use a fuel mix comprising of coal, gas, and municipal waste to generate heat. <br>
                    It is more economically feasible to schedule the heat pump operation to supply the base-load heating and hot water demand. That increases the utilization of heat pump capacity, and therefore the rate of return on the investment. <br>
                    Thermal storages improve the utilization of heat pump capacity. The flexibility of thermal storage units to meet the peak demand enable the heat pumps to be slightly undersized for the base-load operation. <br>
                    </p>
                    <div class="slideshow-container">

                        <!-- Full-width images with number and caption text -->
                            <!-- <div class="mySlides"> -->
                            
Patrick's avatar
Patrick committed
482
                            <img src="images/content/contentstoeckach/img5.jpg" style="width:100%; margin-bottom: 5em;">
Patrick's avatar
Patrick committed
483
484
485
                            <div class="text" style="margin-top:0em;">The capacity of heat pump(s) is allocated to supply base-load heat demand. The valley points of heat pump operation are filled by thermal storage charging action to improve heat pump capacity utilization.</div>
                            <!-- </div> -->
                        </div>
Patrick's avatar
Patrick committed
486
            </div>
Patrick's avatar
Patrick committed
487
            <button id="thermalstorage" onclick="highlightFeatures('thermalstorage')" type="button" class="collapsible">Thermal storage </button>
Patrick's avatar
Patrick committed
488
489
490
            <div class="content">
                <p>Thermal storages improve the utilization of heat pump capacity. The flexibility of thermal storage units to meet the peak demand enable the heat pumps to be slightly undersized for the base-load operation.</p>
            </div>
Patrick's avatar
Patrick committed
491
            <button id="batterystorage" onclick="highlightFeatures('batterystorage')" type="button" class="collapsible">Battery storage  </button>
Patrick's avatar
Patrick committed
492
493
494
            <div class="content">
                <p>The adoption of residential battery storages in Germany is driven by the self-consumption optimization objective. At lower PV levels, the generated PV electricity can be directly consumed, hence the benefits of battery systems are less. However, at higher PV penetration levels and when innovative market designs enable the participation of battery storage systems to provide other services to the electricity network, the value of battery storage systems can increase rapidly. </p>
            </div>
Patrick's avatar
Patrick committed
495
496
497
498
499
500
501
502
503
504
            <button id="localEnergy" onclick="highlightFeatures('energydemand')" type="button" class="collapsible">Is local energy transition economically competitive? </button>
            <div class="content">
                <p>The answer to this question has two layers. The first layer is the aggregated system level feasibility, which is what we can see from our study. The second layer is the benefit distribution and economic feasibility at the individual prosumer level that is something that requires much deeper analysis. <br>
                    We see at the system level; the local energy transition has a positive outlook. Some of the scenarios that we looked at recovered their total investment within the first 8 years. 
                     <br></p>
                     <div class="slideshow-container">

                        <!-- Full-width images with number and caption text -->
                            <!-- <div class="mySlides"> -->
                            
Patrick's avatar
Patrick committed
505
                            <img src="images/content/contentstoeckach/img6.jpg" style="width:100%; margin-bottom: 4em;">
Patrick's avatar
Patrick committed
506
507
508
509
                            <div class="text" style="margin-top:0em;">Comparison of the return of investment in each scenario until the breakeven point compared to the base scenario (units: EUR)</div>
                            <!-- </div> -->
                        </div>
            </div>
Patrick's avatar
Patrick committed
510
        </div>
Patrick's avatar
Patrick committed
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
        <!-- ======================================================================================================================================================================== -->
        <!-- Nordbahnhof -->
        <div id="NordbahnhofInfo" class="SideInfo" style="display:none;">
            <h1 class="sticky" id="headNordB">Nordbahnhof</h1>
            
            <p class="contentOne">Im Nordbahnhof Areal ist ein Neubau geplant. Dieser kann in verschiedenen Aspekten mit den bestehenden Bauten verglichen werden.
                Der Energie Nutzungs Aspekt kann nur bedingt herangezogen werden, da die Gebäude sehr unterschiedliche Nutzungen haben. Hier würde es sich anbieten verschiedene Planungen aufgrund ihrer Energienutzung zu vergleichen.
            </p>
            <br>
            <h2>Specific Space Heating Demand</h2>
            <p>The specific space heating demand wurde mit SimStadt simuliert. Die Werte sind in [kWh/m²·a] angegeben.</p><br>
            <div id="unconstrained"></div><br>
            <span class="example-val" id="unconstrained-values"></span>
            
            <div class='my-legend'>
                <div class='legend-title'>in [kWh/m²·a] </div>
                <div class='legend-scale'>
                  <ul class='legend-labels'>
                    <li id="One"><span class="rectangle" style='background:#38943d;'></span>min-100</li>
                    <li id="Two"><span class="rectangle" style='background:#699438;'></span>100-200</li>
                    <li id="Three"><span class="rectangle" style='background:#d0d40b;'></span>200-300</li>
                    <li id="Four"><span class="rectangle" style='background:#db6f09;'></span>300-400</li>
                    <li id="Five"><span class="rectangle" style='background:#ad0202;'></span>400-max</li>
                  </ul>
                </div>
                <!-- <div class='legend-source'>Source: <a href="#link to source">Name of source</a></div> -->
            </div>
Patrick's avatar
Patrick committed
538
            <div style='width:100%;margin-top:200px;' id="chartNordB"></div>
Patrick's avatar
Patrick committed
539
540
        <!-- <div id="slider-color"></div> -->
        </div>
Patrick's avatar
Patrick committed
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584

        <!-- ========================================================================================================= -->
        <!-- Areas in Weilimdorf -->
        <div id="WeilimdorfAreas" class="SideInfo" style="display:none;">

            <h1 class="sticky" id="headOne">Weilimdorf</h1>
            
            <p class="contentOne">Die Reduzierung des privaten Wohnraums bedingt auch das Zusammenleben
                im Quartier. Wohnfunktionen werden wieder in den öffentlichen Raum
                und die Gemeinschaft verlagert und im Sinne von urbanen Gemeingütern
                genutzt. Die Funktionsweise solcher Gemeingüter beruht dabei hauptsächlich
                auf drei Grundelementen: der Ressource, einer Gruppe, die die Ressource
                gemeinsam nutzt und den Regeln, die diese Gruppe zur Nutzung
                festlegt. Aber wie kann man solche Gemeingüter in einem sich neu
                entwickelnden Quartier implementieren?</p>
            <p class="contentOne">In einem Realexperiment werden Konzepte und Ideen in Verknüpfung mit
                lokalen Akteuren erarbeitet und ausprobiert. <br>
                Der Garten des Imanuel Grözinger Hauses dient dabei als Ausgangspunkt. Drei Teams - Kommunikation,
                Programm und Bau - führen Interviews, erarbeiten ein Programm
                und eine bauliche Intervention vor Ort. Den Abschluss bildet ein Aktionstag
                gemeinsam mit Bewohnern und Nachbarn.</p><br>
                <p class="contentOne">Folgen Sie uns auf Instagram! Fotos und Videos führen Sie durch unsere
                gesamte Woche in der Böckinger Straße.</p><br>
                <p>@les_stuttgart</p>
                <p>#ibasummerschool2019 #howtocommons #experiment</p>
        


            <p class="contentOne"><Strong>TEAM KOMMUNIKATION</Strong> arbeitet direkt mit den Anwohnern zusammen.
                Wer sind relevante Akteure? Welches Potential bringen neue Akteure mit?
                Welche Art der Kommunikation braucht es? In Interviews werden Bedürfnisse
                und Wünsche für das zukünftige Quartier abgefragt und gemeinsam
                eine Kommunikationsstrategie erarbeitet.<br>
                <strong>TEAM PROGRAMM</strong> beschäftigt sich damit, wie man die gegenwärtigen und
                zukünftigen Bewohner*innen des Quartiers aktivieren kann, Gemeingüter
                zu entwickeln und zu nutzen. Welche Aktivitäten gibt es bereits vor Ort?
                Wo finden sie statt? Und durch welches Programm kann man Akteure
                zusammen bringen?<br>
                <strong>TEAM BAU</strong> gestaltet eine bauliche Intervention, die von den Nachbarn
                gemeinschaftlich im Sinne eines Urban Common genutzt werden kann.
                Was fehlt noch? Welche bauliche Intervention kann die Bildung von urban
                commons unterstützen? Und was bleibt am Ende zurück?</p>

        </div>
585
        <div id="bereichA" class="SideInfo" style="display:none;">
Patrick's avatar
Patrick committed
586

587
588
            <h1 class="sticky" id="headOne">Bereich A - Gemeinbedarf</h1>
            
Patrick's avatar
updates    
Patrick committed
589
            <p class="contentOne">Im nördlichen Bereich A bestehen verschiedene gemeinschaftsbezogene Nutzungen (Jugendhaus, Kindertageseinrichtung, Flüchtlingsunterkunft). Für diesen Bereich sind Ergänzungen des bestehenden Gemeinbedarfs um weitere gemeinbedarfsbezogene Nutzungen (z. B. ein Bürgerhaus) denkbar. Ggf. entfallende Stellplätze im Bereich des heutigen Parkplatzes müssen bedarfsbezogen im Umfeld kompensiert werden.</p>
590
            <p class="contentOne">Im Zusammenhang mit der Neuplanung des Stadtbahnbetriebshofes in Weilimdorf und der Stadtbahnverlängerung der U13 nach Hausen/Ditzingen wird die Gleisführung über den nördlichen Bereich A (nordöstlich des Jugendhauses) geführt. </p>
Patrick's avatar
updates    
Patrick committed
591
            <p class="contentOne">Bei einem Großteil der Flurstücke in den Bereichen A und B handelt es sich um städtische Grundstücke. Das Areal der ehemaligen Gärtnerei Walz wurde mittlerweile durch die Landeshauptstadt erworben.  </p>
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
        
                        <!-- Slideshow container -->
        </div>
        <div id="bereichB" class="SideInfo" style="display:none;">

            <h1 class="sticky" id="headOne">Bereich B - Sport</h1>
            
            <p class="contentOne">Der Bereich B ist bereits heute durch sportbezogene Nutzungen geprägt. Die SG Weilimdorf ist in diesem Bereich ansässig. Auch sind Kooperationen mit den anderen Weilimdorfer Sportvereinen angedacht. Größere Flächenpotenziale für sportbezogenen Nutzungen sind in anderen Teilen des Stadtbezirks Weilimdorf nicht vorhanden. Vor diesem Hintergrund spielt das Plangebiet für die künftige Sportentwicklung im Stadtbezirk Weilimdorf eine wichtige Rolle. </p>
            <p class="contentOne">Folgende sportbezogenen Einrichtungen sind im Bereich B u. a. vorhanden:</p>
            <ul class="contentOne">
                <li>Sportplatz (Rasenspielfeld), Sanierung zeitnah denkbar</li>
                <li>Sportplatz (Hauptspielfeld)</li>
                <li>Leichtathletikflächen inkl. Kleinspielfeld</li>
                <li>Kunstrasenspielfeld</li>
                <li>Kunstrasenkleinspielfeld, Sanierung oder Ersatz zeitnah denkbar</li>
                <li>Gewichtheberhalle, Sanierung notwendig</li>
                <li>Tennisplätze </li>
                <li>Kleinspielfelder</li>
                <li>Tennishalle und Geschäftsstelle, Sanierung zeitnah denkbar</li>
                <li>Umkleiden- Funktionsgebäude</li>
                <li>Ringerwiese</li>
            </ul>
Patrick's avatar
updates    
Patrick committed
614
615
            <!-- <i class="contentOne">Abstimmung mit dem Amt für Sport und Bewegung, ob hier die schon erarbeitete Zustandsbeschreibung veröffentlicht werden kann. </i> -->
            <p class="contentOne">Das städtische Amt für Sport und Bewegung hat im Rahmen einer Bedarfsermittlung festgestellt, dass der Bedarf an zusätzlichen sportbezogenen Einrichtungen für weitere Sportentwicklung im Stadtbezirk Weilimdorf besteht. Unter anderem haben sich dabei folgende Bedarfe ergeben:</p>
616
617
618
619
620
621
622
623
624
625
            <ul class="contentOne" >
                <li>Fußballspielfeld</li>
                <li>Sportvereinszentrum</li>
                <li>Beachvolleyballfeld</li>
                <li>Ringer-/Kraftsporthalle</li>
                <li>Kunstrasen(klein)-Spielfeld</li>
                <li>Drei-Feld-Sporthalle  </li>
                <li>Frischlufthalle </li>
                <li>zusätzliche Flächenbedarfe für Trendsportarten</li>
            </ul>
Patrick's avatar
updates    
Patrick committed
626
            <p class="contentOne">Bei einem Großteil der Flurstücke in den Bereichen A und B handelt es sich um städtische Grundstücke. Das Areal der ehemaligen Gärtnerei Walz wurde mittlerweile durch die Landeshauptstadt erworben. </p>
627
628
629
630
631
632
                        <!-- Slideshow container -->
        </div>
        <div id="bereichC" class="SideInfo" style="display:none;">

            <h1 class="sticky" id="headOne">Bereich C - Sport/Freiraum</h1>
            
Patrick's avatar
updates    
Patrick committed
633
634
635
636
            <p class="contentOne">Im Bereich C sind neben Anlagen des ehemaligen Gärtnereibetriebs Acker- und Wiesenflächen in einer differenzierten Eigentümerstruktur vorhanden. Den westlichen Rand des Bereichs C begrenzt zudem ein Wohnhaus.</p>
            <p class="contentOne">Die bestehenden Freiflächen im Bereich C haben eine hohe stadtklimatische Bedeutung. Sie sind eingebettet in ein ausgedehntes Kaltluftentstehungsgebiet, das sich zusammenhängend zwischen Weilimdorf und Giebel erstreckt und in die westlich angrenzende Gäulandschaft überleitet. Aus stadtklimatischer Sicht soll zwischen dem ehemaligen Walz-Areal und der Engelbergstraße daher ein deutlicher Grünbereich als Korridor erhalten bleiben. </p>
            <p class="contentOne">In einem Band entlang des Verbindungswegs Giebel – Wolfbusch ist deswegen die Entwicklung einer gemischten Struktur von sport-/freizeitbezogenen Nutzungen (z. B. Kleinspielfelder, Beachvolleyballfeld, Bewegungsinsel) sowie Frei- bzw. Grünflächen denkbar. Dieser Bereich soll jedoch frei von Gebäuden bleiben, um den offenen Freiraumcharakter zu stärken und den klimatischen Belangen Rechnung zu tragen. Südlich dieses Bandes aus Sport- und Freizeitnutzungen soll ein sog. „Grüner Korridor“ (Freiraum) in Richtung Engelbergstraße insbesondere aus stadtklimatischen Gründen entwickelt werden. Dieser soll gänzlich frei von baulichen Entwicklungen bleiben. </p>
            <p class="contentOne">Im Bereich C gibt es neben einigen wenigen städtischen Flächen vor allem Grundstücke, die verschiedenen privaten Eigentümern gehören. </p>
637
638
639
640
641
642
643
644
                        <!-- Slideshow container -->
        </div>
        <div id="bereichD" class="SideInfo" style="display:none;">

            <h1 class="sticky" id="headOne">Bereich D</h1>
            
            <p class="contentOne">Nördlich des Schnatzgrabens besteht eine kleinteilige Struktur aus Acker-, Wiesen- und Kleingartenflächen mit einer hohen ökologischen Wertigkeit. Entsprechend einem Beschluss des Bezirksbeirats Weilimdorf vom 10.04.2019 soll der gesamte Bereich D planungsrechtlich und tatsächlich unangetastet bleiben. Der heutige Bestand soll erhalten werden.</p>
            <p class="contentOne">Der Schnatzgraben fließt im nördlichen Teil des Plangebiets in Ost-West-Richtung. Er bildet den Übergang zwischen dem Sportgelände und dem offenen Landschaftsraum. Im weiteren Planungsprozess soll der Schnatzgraben renaturiert werden. </p>
Patrick's avatar
updates    
Patrick committed
645
            <p class="contentOne">Der Bereich D ist durch eine kleinteilig parzellierte Grundstücksstruktur (städtisch und privat) geprägt.  </p>
646
647
648
649
650

                        <!-- Slideshow container -->
        </div>
        <div id="InfoWalz" class="SideInfo" style="display:none;">

Patrick's avatar
updates    
Patrick committed
651
            <h1 class="sticky" id="headOne">Areal der ehemaligen Gärtnerei Walz</h1>
652
653
            
            <p class="contentOne">Der Betrieb der ehemaligen Gärtnerei Walz ist seit vielen Jahren aufgegeben. Das Areal erstreckt sich nördlich und südlich des Verbindungsweg Giebel – Wolfbusch (im südlichen Bereich B bzw. Bereich C). Mittlerweile wurde der nördliche Teil des Areals durch die Landeshauptstadt erworben. Neben dem ehemaligen Verwaltungsgebäude der Gärtnerei sind verschiedene Gewächshäuser und sonstige bauliche Anlagen (in einem teils baufälligen Zustand) vorhanden. Daneben besteht das Areal aus verschiedenen Hof- und Grünflächen. Neben teilweisem Leerstand ist das Areal aktuell durch verschiedene Interimsnutzungen geprägt. So betreibt der Verein Chloroplast e. V. auf Teilflächen ein Urban Gardening-Projekt. 
Patrick's avatar
updates    
Patrick committed
654
655
                Die weitere Entwicklung des Areals in kurz- und längerfristigen Entwicklungsschritten (auch als Interimsnutzung) ist denkbar. Dabei soll auch geprüft werden, ob und in welchem Umfang einzelne Bestandsgebäude bei der weiteren Planung integriert werden können.
                </p>
656
657
658
659
660
661
662
663
            <!-- <p class="contentOne">Der Schnatzgraben fließt im nördlichen Teil des Plangebiets in Ost-West-Richtung. Er bildet den Übergang zwischen dem Sportgelände und dem offenen Landschaftsraum. Im weiteren Planungsprozess soll der Schnatzgraben renaturiert werden. </p> -->

                        <!-- Slideshow container -->
        </div>
        <div id="burgerhaus" class="SideInfo" style="display:none;">

            <h1 class="sticky" id="headOne">Zukunftiges Bürgerhaus</h1>
            
Patrick's avatar
updates    
Patrick committed
664
            <p class="contentOne">Bereits seit vielen Jahren gibt es Bestrebungen im Hinblick auf die Realisierung eines Bürgerhauses. Frühere Bedarfsermittlungen haben einen Bedarf von ca. 700 qm an Gemeinbedarfsflächen (u. a. für Vereins- und Kulturarbeit, Musikschule, Volkshochschule sowie Veranstaltungen) ergeben. Dieser Bedarf kann im Bestand (beispielswiese im zentralen Bereich des Stadtteils Weilimdorf) nicht umgesetzt werden. In seiner Sitzung am 10.04.2019 hat der Bezirksbeirat Weilimdorf einem Standort für ein Bürgerhaus im Bereich A mehrheitlich zugestimmt. Ebenfalls in dieser Sitzung hat der Bezirksbeirat den Bau eines Bürgerhauses/Forum mit folgender Ausstattung beschlossen:</p>
665
666
667
668
669
670
671
672
            <!-- <p class="contentOne">Der Schnatzgraben fließt im nördlichen Teil des Plangebiets in Ost-West-Richtung. Er bildet den Übergang zwischen dem Sportgelände und dem offenen Landschaftsraum. Im weiteren Planungsprozess soll der Schnatzgraben renaturiert werden. </p> -->

                        <!-- Slideshow container -->
            <ul class="contentOne">
                <li>Saal für 250 Personen</li>
                <li>Räume für Begegnung und Kultur</li>
                <li>Kita, Kinder- und Familienzentrum, Cafétreff</li>
            </ul>
Patrick's avatar
updates    
Patrick committed
673
            <p class="contentOne">In welcher Form darüber hinaus die Kombination eines Bürgerhauses mit weiteren Nutzungen (z. B. Kindertagesstätte, andere gemeinbedarfsbezogene Nutzungen, sozialer Treffpunkt für die umliegenden Quartiere, Sporthalle) möglich ist, soll im weiteren Verlauf erörtert werden.</p>
674
675
676
677
678
        </div>
        <div id="fluchtling" class="SideInfo" style="display:none;">

            <h1 class="sticky" id="headOne">Temporäre Flüchtlingsunterkunft</h1>
            
Patrick's avatar
updates    
Patrick committed
679
            <p class="contentOne">Für die bestehende Flüchtlingsunterkunft im Bereich A an der Solitudestraße besteht eine baurechtliche Nutzungsdauer bis zum Jahr 2025. Inwieweit über diesen Zeitraum hinaus ein weiterer Bedarf für eine Flüchtlingsunterkunft im Plangebiet besteht, kann aus heutiger Sicht nicht beurteilt werden. </p>
680
681
682
683
684
685
            <!-- <p class="contentOne">Der Schnatzgraben fließt im nördlichen Teil des Plangebiets in Ost-West-Richtung. Er bildet den Übergang zwischen dem Sportgelände und dem offenen Landschaftsraum. Im weiteren Planungsprozess soll der Schnatzgraben renaturiert werden. </p> -->

                        <!-- Slideshow container -->
        </div>
        <div id="kindertag" class="SideInfo" style="display:none;">
            <h1 class="sticky" id="headOne">Kindertagesstätte</h1>      
Patrick's avatar
updates    
Patrick committed
686
            <p class="contentOne">Die im Plangebiet ansässige Kindertagesstätte Spatzennest wird von der Stuttgarter Jugendhaus gGmbH betrieben. Für die achtgruppige Kindertagesstätte liegt eine baurechtliche Genehmigung bis zum Jahr 2025 vor. Nach heutigem Stand ist davon auszugehen, dass auch über das Jahr 2025 hinaus ein Bedarf für eine Kindertagesstätte im Plangebiet bestehen wird. </p>
687
688
689
        </div>
        <div id="jugendhaus" class="SideInfo" style="display:none;">
            <h1 class="sticky" id="headOne">Jugendhaus</h1>      
Patrick's avatar
updates    
Patrick committed
690
            <p class="contentOne">Im nordöstlichen Rand des Bereichs A befindet sich das Jugendhaus. Es wird von der Stuttgarter Jugendhaus gGmbH betrieben. Das Jugendhaus ist ein wichtiger Treffpunkt für Jugendliche im Stadtbezirk Weilimdorf. Auch künftig soll es im Plangebiet eine wichtige identitäts- und gemeinschaftsstiftende Funktion übernehmen. Um das Jugendhaus befinden sich größere Außenbereichsflächen (Bikepark und Bolzplatz), die durch die Jugendlichen genutzt werden. </p>
691
        </div>
Patrick's avatar
Update    
Patrick committed
692
693
        <div id="plangebiet" class="SideInfo" style="display:none;">
            <h1 class="sticky" id="headOne">Erschließung des Plangebiets</h1>      
Patrick's avatar
updates    
Patrick committed
694
            <p class="contentOne">Das Plangebiet wird heute über zwei Pkw-Zufahrten von der Solitudestraße erschlossen, die beide die Stadtbahntrasse queren. Die SSB ist grundsätzlich bemüht, die Anzahl der Querungen der Stadtbahngleise zu minimieren. Es ist daher davon auszugehen, dass künftig nur noch eine Zu-/Ausfahrt für Pkw in das Plangebiet erhalten werden kann. Dies bedeutet wiederum, dass beispielsweise die südliche Zufahrt zum ehemaligen Walz-Areal entfallen müsste. Abhängig von der zukünftigen Nutzung muss daher im weiteren Verlauf geprüft werden, wie das Plangebiet für Pkw, aber auch für Fußgänger*innen und Radfahrer*innen sinnvoll erschlossen werden kann. Durch zwei Stadtbahnhaltestellen ist die Anbindung des Gebiets an den öffentlichen Personennahverkehr bereits heute sehr gut. </p>
Patrick's avatar
Update    
Patrick committed
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
        </div>
        <div id="potA" class="SideInfo" style="display:none;">
            <h1 class="sticky" id="headOne">Potenzialort 1 im Bereich A:</h1>      
            <ul class="contentOne">
                <li>Areal im Bereich A südwestlich angrenzend an die Flüchtlingsunterkunft (bei einem potentiellen längerfristigen Entfall der Flüchtlingsunterkunft auch an deren Standort denkbar) </li>
                <li>Fläche im städtischem Eigentum</li>
                <li>Der Standort befindet sich mittig im Stadtbezirk. Er liegt in „der ersten Reihe“ an der zentralen Erschließungsachse Solitudestraße. Eine gute Anbindung an den ÖPNV (Stadtbahnhaltestelle Wolfbusch) ist gegeben.</li>
                <li>Heutige Nutzung als Parkplatz (ein adäquater Ersatz für entfallende Stellplätze müsste erfolgen)</li>
            </ul>
        </div>
        <div id="potB" class="SideInfo" style="display:none;">
            <h1 class="sticky" id="headOne">Potenzialort 2 im Bereich B:</h1>      
            <ul class="contentOne">
                <li>Nördlicher Teil des ehemaligen Walz-Areals</li>
                <li>Flächen in städtischem Eigentum </li>
                <li>Teil des brachliegenden Gärtnereigeländes mit teilweise versiegelten Flächen (u. a. das ehemalige Verwaltungsgebäude der Gärtnerei), weitere angrenzende Hochbauten (u. a. Tennishalle)</li>
                <li>U. a. Lage am Verbindungsweg Wolfbusch – Giebel und räumliche Nähe zu zwei Stadtbahnhaltestellen</li>
            </ul>
        </div>
        <div id="potC" class="SideInfo" style="display:none;">
            <h1 class="sticky" id="headOne">Potenzialort 3 im Bereich C:</h1>      
            <ul class="contentOne">
                <li>Südlicher Teil des ehemaligen Walz-Areals</li>
                <li>Flächen in privatem Eigentum</li>
                <li>Teil des brachliegenden Gärtnereigeländes mit teilweise versiegelten Flächen (u. a. ehemalige Gewächshäuser)</li>
                <li>U. a. Lage am Verbindungsweg Wolfbusch – Giebel und räumliche Nähe zu zwei Stadtbahnhaltestellen</li>
            </ul>
        </div>
Patrick's avatar
Patrick committed
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
      </div>
      <div id="tour-button" title="Karte/Story umschalten">
          <i class="fa"></i>
      </div>
      <!-- End of: Content Tour -->
  </div>

  <div id="vcs_map_container"></div>
  
    <!--div id="vcs_map_container">
      <div id="vcs_loading" style="background-color:#dee2c9; position:absolute; top:0; left:0; right:0; bottom:0; padding:12% 0; text-align:center; font-family:Arial, sans-serif; font-size:1.4rem; line-height:4rem;">
        <div> virtualcity<b>MAP</b></div><img src='images/loading.gif'>
      </div>
    </div-->

    <script src="lib/Cesium/Cesium.js"></script>
    <script src='lib/vcm_thirdparty.js'></script>
    <script src="lib/vcm-compiled_api.js"></script>
Patrick's avatar
Patrick committed
741
    <script src="sources/nouislider.js"></script>
Patrick's avatar
Patrick committed
742
    <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
Patrick's avatar
Patrick committed
743
    <script src="templates/slider.js"></script>
Patrick's avatar
test    
Patrick committed
744
    <script src="templates/UserBalloon.js"></script>
745
    <script src="templates/ErklIntro.js"></script>
Patrick's avatar
Patrick committed
746
    <link href="templates/sliders.css" rel="stylesheet">
Patrick's avatar
Patrick committed
747

748
    <script src="templates/limesurvey.js"></script>
Patrick's avatar
Patrick committed
749
    <script src="templates/checkmobile.js"></script>
750

Patrick's avatar
Patrick committed
751
	<script>
Patrick's avatar
Patrick committed
752
753
754
755
756
757
758
759
760
761
762
763
764
765
    //   var startVCM = function() {

    //      if(document.getElementById("check").checked === true){
    //         if (window.mobilecheck == true) {
    //             vcs.vcm.Framework.activateLogging();
    //             vcs.vcm.Framework.loadConfig('config_mobile.json');
    //         } else{
    //             vcs.vcm.Framework.activateLogging();
    //             vcs.vcm.Framework.loadConfig('config_mobile.json'); 
    //         }
    //      } else {
    //          alert("Bitte  bestätigen Sie die Nutzungsbedingungen.");
    //      }
    //   }
Patrick's avatar
Patrick committed
766
767
768
769
770
771
772
    </script>

    <!--script>
      vcs.vcm.Framework.activateLogging();
      vcs.vcm.Framework.loadConfig('config.json');
    </script-->
    <script src='lib/vcm_ui.js'></script>
Patrick's avatar
Patrick committed
773

Patrick's avatar
Patrick committed
774
775
    
    <script src="templates/custom.js"></script>
Patrick's avatar
Patrick committed
776
    <script src="templates/newDevBahn.js"></script>
Patrick's avatar
Patrick committed
777
    <!-- <script src="templates/cus_Menu.js"></script> -->
Patrick's avatar
Patrick committed
778
    <script src="templates/cus_SimStadt.js"></script>
Patrick's avatar
Patrick committed
779
780
    
    <script src="templates/collapse.js"></script>
Patrick's avatar
Patrick committed
781
    
Patrick's avatar
Patrick committed
782
	<script src="templates/layerSwitch.js"></script>
Patrick's avatar
Patrick committed
783
784
785
	<script src="https://code.jquery.com/jquery-3.3.1.min.js"
                  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
                  crossorigin="anonymous"></script>
Patrick's avatar
Patrick committed
786
787
    <!-- <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> -->
    <script src="templates/cus_Menu.js"></script>
Patrick's avatar
Patrick committed
788
    <script src="templates/story/virtualcitystory.js"></script>
Patrick's avatar
Patrick committed
789
 
Patrick's avatar
Patrick committed
790
791
  </body>
</html>