Blaues Gut | Gewässerökologie – Vitale Gewässer in Baden-Württemberg
The following has evaluated to null or missing: ==> formField.getValue().getString(locale) [in template "blaues-gut-portal.web-resources_SERVLET_CONTEXT_/common_macros.ftl" at line 56, column 49] ---- Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: #assign Bildnachweis = formField.getV... [in template "blaues-gut-portal.web-resources_SERVLET_CONTEXT_/common_macros.ftl" in function "getCopyrightText" at line 56, column 25] ----
1<#import "/blaues-gut-portal.web-resources_SERVLET_CONTEXT_/common_macros.ftl" as common>
2
3<#assign layoutService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService") />
4<#assign namespace = randomNamespace />
5
6<section class="slider-hero" id="slider_${namespace}">
7 <div class="slides-list" aria-roledescription="Karusell">
8
9 <#list Slide.getSiblings() as curSlide>
10
11 <#assign hasLink = false />
12 <#assign linkTarget = "" />
13 <#assign linkHref= "" />
14 <#assign linkText = "weiterlesen" />
15 <#assign linkTitle = "Artikel weiterlesen" />
16 <#assign slideUniqueId = namespace + '_' + curSlide?index />
17
18
19 <#if curSlide.Headline?? && curSlide.Headline.getData()?has_content>
20 <#assign AltText = curSlide.Headline.getData() />
21 </#if>
22
23 <#assign Copyright = "" />
24 <#if (common.getCopyrightText(curSlide.Image.data)!"") != "">
25 <#assign Copyright = common.getCopyrightTag("",curSlide.Image.data) />
26 </#if>
27
28 <div class="slide" role="group" aria-roledescription="Folie" aria-label="Folie ${curSlide?index + 1} von ${Slide.siblings?size}">
29 <div class="slide-content">
30 <#if (curSlide.Youtube?? && curSlide.Youtube.getData()?has_content) && (curSlide.Image?? && curSlide.Image?has_content)>
31 <#assign videoId = curSlide.Youtube.getData()/>
32
33 <#if videoId?starts_with("http")>
34 <#assign videoId = videoId?split("/")[3]>
35 </#if>
36
37 <div class="slide-content-video video" id="video_${slideUniqueId}">
38 <img src="${common.getScaledImageURL(curSlide.Image.getData())}" data-src="${common.getScaledImageURL(curSlide.Image.getData())}" class="slide__image video-preview-image" id="video-preview-image_${slideUniqueId}" alt="${common.getAltText(curSlide.Image.data, AltText)}" role="img"/>
39 <div class="video-trigger-overlay video-trigger " id="video-trigger_${slideUniqueId}" data-tns-slide="tns1-item${curSlide?index}" data-videoid="${slideUniqueId}" data-source="${videoId}" title="Video abspielen">
40 <p class="text-center video-trigger-overlay-text video-trigger" data-videoid="${slideUniqueId}" >
41 Um das Video zu sehen, müssen Sie dieses Feld durch einen Klick aktivieren. Dadurch werden
42 Informationen an Youtube übermittelt und unter Umständen dort verarbeitet. Bitte beachten Sie unsere
43 Hinweise und Informationen zum <a href="/datenschutz" target="_blank"
44 class="no-icon">Datenschutz</a>.
45 </p>
46 <span class="icon-bg icon-bg--play video-trigger" data-videoid="${slideUniqueId}" ></span>
47 </div>
48 <div class="video-layer" style="display: none" id="video-layer_${slideUniqueId}">
49 <iframe class="video-frame" src="" frameborder="0" allowfullscreen="" width="100%" height="530" id="iframe_${slideUniqueId}"></iframe>
50 </div>
51 </div>
52 <#else>
53 <div class="slide-content-image image-with-caption">
54 <img src="${common.getScaledImageURL(curSlide.Image.getData())}" data-src="${common.getScaledImageURL(curSlide.Image.getData())}" class="slide__image" alt="${common.getAltText(curSlide.Image.data, AltText)}"/>
55 ${Copyright}
56 </div>
57 </#if>
58 </div>
59 </div>
60
61 </#list>
62 </div>
63</section>
64
65<script>
66
67 var updateIframeHeight = function() {
68 var dwidth = window.innerWidth;
69 var videoHeight = dwidth*0.5625;
70
71 /*
72 if (dwidth > 1600) {
73 videoHeight = dwidth*0.40;
74 }
75 */
76
77 var videoFrames = document.getElementsByClassName('video-frame');
78 for (var i=0; i < videoFrames.length;i++) {
79 videoFrames[i].setAttribute('height',videoHeight);
80 videoFrames[i].style.height = videoHeight+'px';
81 }
82 }
83
84 var updateVideoWrapper = function () {
85
86 var triggers = document.getElementsByClassName('video-trigger');
87
88 for (var i=0; i < triggers.length;i++) {
89 triggers[i].addEventListener('click',function(e) {
90
91 var triggersTarget = this.getAttribute('data-videoid');
92 var tnsSlide = this.getAttribute('data-tns-slide');
93
94 var youtubeId = document.querySelector("#" + tnsSlide + ' #video-trigger_'+triggersTarget).getAttribute('data-source');
95 var videoLayer = document.querySelector("#" + tnsSlide + ' #video-layer_'+triggersTarget);
96 var iframe = document.querySelector("#" + tnsSlide + ' #iframe_'+triggersTarget);
97 iframe.setAttribute('src', 'https://www.youtube-nocookie.com/embed/' + youtubeId + '?autoplay=1&rel=0&cc_load_policy=1&modestbranding=0&enablejsapi=1');
98
99 document.querySelector("#" + tnsSlide + ' #video-preview-image_'+triggersTarget).style.display='none';
100 document.querySelector("#" + tnsSlide + ' #video-trigger_'+triggersTarget).style.display='none';
101 videoLayer.style.display='block';
102 });
103 }
104 };
105
106 window.addEventListener("load", function () {
107 updateVideoWrapper();
108 updateIframeHeight();
109 });
110 window.addEventListener("resize", function () {
111 updateIframeHeight();
112 });
113 // Liferay.on('endNavigate', updateVideoWrapper);
114 // $(document).ready(updateVideoWrapper);
115
116 window.addEventListener("load", function () {
117 function ${namespace}_updateInfo(info) {
118 for (var i = 0; i < info.navItems.length; i++) {
119 info.navItems[i].setAttribute('aria-label','Folie ' + (i+1));
120 }
121
122 info.navItems[info.navCurrentIndex].setAttribute('aria-label','Folie ' + (info.navCurrentIndex + 1) + ' (aktuell)');
123
124 info.controlsContainer.setAttribute('aria-label', 'Navigationselemente');
125 info.prevButton.setAttribute('aria-label','zur vorhergehenden Folie springen');
126 info.nextButton.setAttribute('aria-label','zur nächsten Folie springen');
127 info.navContainer.setAttribute('aria-label','Auswahl der Folien')
128 }
129
130 var slider = tns({
131 container: '#slider_${namespace} .slides-list',
132 items: 1,
133 slideBy: 'page',
134 center: true,
135 controlsPosition: 'bottom',
136 navPosition: 'bottom',
137 touch: true,
138 mouseDrag: true,
139 freezable: true,
140 speed: 600,
141 loop: false,
142 arrowKeys: true,
143 lazyload: true,
144 autoHeight: true,
145 lazyloadSelector: '.slide__image',
146 controlsText: ['<span class="icon-bg icon-bg--arrow1-left"></span>','<span class="icon-bg icon-bg--arrow1-right"></span>'],
147 onInit: function (info) {
148 ${namespace}_updateInfo(info);
149 }
150 });
151
152 slider.events.on('indexChanged', function(info) {
153 ${namespace}_updateInfo(info);
154 });
155
156 slider.events.on('transitionStart', function(info, eventName) {
157 var currentSlideId = '#tns1-item' + info.navCurrentIndex;
158
159 var otherSlides = info.container.querySelectorAll('.tns-item:not(' + currentSlideId + ')')
160
161 otherSlides.forEach(function(slide) {
162 var iframe = slide.querySelector( 'iframe');
163
164 if (iframe != null) {
165 var src = iframe.getAttribute('src');
166 if (src) {
167 if ((src.indexOf('youtube.com/embed') != -1) || (src.indexOf('youtube-nocookie.com/embed') != -1)) {
168 iframe.contentWindow.postMessage(JSON.stringify({
169 'event': 'command',
170 'func': 'pauseVideo',
171 'args': []
172 }), "*");
173 }
174 }
175 }
176 });
177 });
178 });
179</script>
Vitale Gewässer: Für eine bessere Gewässerökologie in Baden-Württemberg
Gewässer: von Natur aus abwechslungsreich
Vitale, fließende Gewässer wie Bäche und Flüsse sind von Natur aus sehr abwechslungsreich gestaltet. In solch strukturreichen Gewässern können sich zahlreiche Tiere und Pflanzen ansiedeln. Ein Gewässer, das sich durch diese Vielfalt auszeichnet, ist ökologisch besonders wertvoll.
Mängel: meist menschengemacht
Viele Fließgewässer sind aber aktuell strukturarm, kanalförmig ausgebaut und aufgestaut. In der Vergangenheit haben sie die Menschen für die Schifffahrt , die Energiegewinnung oder den Hochwasserschutz begradigt. Lebensräume, die für Pflanzen und Tiere notwendig sind, fehlen völlig oder sind dadurch beeinträchtigt.
Durchgängigkeit: einige Tierarten müssen die Gewässer durchwandern
Einige Tiere, die am oder im Wasser leben, müssen die Gewässer aufwärts oder abwärts durchwandern, um beispielsweise ihre Laichplätze zu erreichen. Versperren Bauwerke wie Wasserkraftwerke ihre Wanderwege, verschwinden diese Tierarten zunehmend aus unseren Gewässern.
Ziel: die Revitalisierung unserer Gewässer
Das Ziel von Blaues Gut ist es, diese Gewässer besser zu machen, also konkret: in allen Fließgewässern zumindest einen guten ökologischen Zustand zu erreichen. Daher verwirklichen Land und Kommunen zahlreiche Maßnahmen: Wir gestalten die Fließgewässer wieder durchgängiger und erhöhen damit deren Vielfalt.
Von dieser Revitalisierung profitieren neben Pflanzen und Tieren wir alle. Denn struktur- und artenreiche Fließgewässer bieten Erlebnis- und Erholungsräume für die Bevölkerung.
Die Revitalisierung unserer Fließgewässer ist eine Investition in unsere Zukunft. Darum unterstützen wir als Umweltministerium Baden-Württemberg gewässerökologische Maßnahmen bis zu 85 Prozent.
Packen wir es gemeinsam an!
Mehr Informationen rund um „Vitale Gewässer“ und Gewässerökologie
Was sind vitale Gewässer? Wie können wir sie erhalten, entwickeln und umgestalten? Antworten auf diese und viele weitere Fragen finden Sie in der Broschüre „Vitale Gewässer in Baden-Württemberg“. Die Landesanstalt für Umwelt Baden-Württemberg und die WBW Fortbildungsgesellschaft für Gewässerentwicklung mbH haben sie nach der ersten Fachtagung 2017 herausgegeben.
Wenn Sie die Broschüre öffnen wollen, klicken Sie hier.
Fachtagung „Vitale Gewässer“
Die Fachtagung „Vitale Gewässer“ bietet dem Fachpublikum die Gelegenheit, aktuelle Informationen rund um die Entwicklung und Unterhaltung vitaler Gewässer zu erhalten und gemeinsam zu diskutieren. Die Veranstaltung richtet sich an Kommunen, Fachbehörden und Ingenieurbüros und findet alle zwei Jahre statt. Zur dritten Fachtagung lädt das Umweltministerium Baden-Württemberg in Kooperation mit der Landesanstalt für Umwelt Baden-Württemberg und WBW Fortbildungsgesellschaft für Gewässerentwicklung mbH im Jahr 2021 ein.
Aktuelle Informationen und Unterlagen der vergangenen Fachtagungen finden Sie auf den Seiten der Landesanstalt für Umwelt Baden-Württemberg.
Als politischer Entscheidungsträger vor Ort für vitale Gewässer sorgen
Sie sind politischer Entscheidungsträger oder politische Entscheidungsträgerin und würden gerne in Ihrer Kommune oder Ihrer Stadt mit konkreten Maßnahmen Ihre Gewässer revitalisieren?
Dann holen Sie sich weitere gute Gründe dafür – und informieren Sie sich über den Prozess, den wir Ihnen übersichtlich und Schritt für Schritt aufbereitet haben.
The following has evaluated to null or missing: ==> formField.getValue().getString(locale) [in template "blaues-gut-portal.web-resources_SERVLET_CONTEXT_/common_macros.ftl" at line 22, column 43] ---- Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: #assign altTag = formField.getValue()... [in template "blaues-gut-portal.web-resources_SERVLET_CONTEXT_/common_macros.ftl" in function "getAltText" at line 22, column 25] ----
1<#import "/blaues-gut-portal.web-resources_SERVLET_CONTEXT_/common_macros.ftl" as common>
2
3<#assign layoutService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService") />
4<#assign namespace = randomNamespace />
5<#assign AltText = "" />
6<#assign Copyright = "" />
7
8<#if AltTextImage?? && AltTextImage.getData()?has_content>
9 <#assign AltText = AltTextImage.data />
10</#if>
11
12<#assign AltText = common.getAltText(ImageLarge.data, AltText) />
13<#if (Button.ButtonStyle?? && Button.ButtonStyle.getData()?has_content)>
14 <#assign ButtonMarkup = common.getButtonMarkup(Button.ButtonInternalLink, Button.ButtonExternalLink, Button.ButtonText, Button.ButtonStyle.getData()) />
15 <#else>
16 <#assign ButtonMarkup = common.getButtonMarkup(Button.ButtonInternalLink, Button.ButtonExternalLink, Button.ButtonText) />
17</#if>
18
19<#if ImageLarge?? && ImageLarge.data?has_content && (common.getCopyrightText(ImageLarge.data)!"") != "">
20 <#assign Copyright = common.getCopyrightTag("",ImageLarge.data) />
21</#if>
22
23
24<section class="teaser">
25 <div class="colorable-bg">
26 <div class="container">
27 <div class="row justify-content-center">
28 <div class="col-md-6">
29 <section class="teaser__content">
30 <section class="image-large image-large--centered" id="image-large_${namespace}">
31 <div class="image-inner image-with-caption">
32 <#if SVG?? && SVG.getData()?has_content>
33 <div class="slide-content-image no-border svg-image">
34 ${SVG.getData()}
35 </div>
36 <#else>
37 <#if ImageLarge?? && ImageLarge.getData()?has_content>
38 <img src="${common.getScaledImageURL(ImageLarge.getData(), "bg-image-medium")}" alt="${common.getAltText(ImageLarge.data)}" class="image"/>
39 ${Copyright}
40 </#if>
41 </#if>
42 </div>
43 </section>
44 <h2>${Headline.getData()}</h2>
45 <#if Text?? && Text.getData()?has_content>
46 <p class="teaser-text">
47 ${Text.getData()}
48 </p>
49 </#if>
50 <#if Button.ButtonInternalLink.getData()?has_content || Button.ButtonExternalLink.getData()?has_content>
51 <div class="button-area">
52 ${ButtonMarkup}
53 </div>
54 </#if>
55 </section>
56 </div>
57 </div>
58 </div>
59 </div>
60
61</section>