182 lines
250 KiB
HTML
Vendored
182 lines
250 KiB
HTML
Vendored
<!DOCTYPE html><html lang="de"><head><meta charset="utf-8"><!--
|
||
=============================================================
|
||
Konzeption / Design / Programmierung
|
||
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
||
JANDA + ROSCHER - Die Werbebotschafter aus Regensburg
|
||
https://www.janda-roscher.de
|
||
=============================================================
|
||
|
||
This website is powered by TYPO3 - inspiring people to share!
|
||
TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
|
||
TYPO3 is copyright 1998-2022 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
|
||
Information and contribution at https://typo3.org/
|
||
--><title>Habeck in München - Windkraft in Bayern geht nur ohne 10H - BUND Naturschutz in Bayern e.V.</title><meta name="generator" content="TYPO3 CMS"/><meta name="description" content="Der BUND Naturschutz bedauert, dass das Gespräch zwischen Klimaschutzminister Robert Habeck und Ministerpräsident Markus Söder nicht dazu geführt hat, dass sich Bayern von der 10-H- Abstandsregel für Windkraftwerke verabschiedet. Einen verstärkten Ausbau der Windkraft in den Staatsforsten als Alternative zu 10-H lehnen wir ab. "/><meta property="og:title" content="Habeck in München - Windkraft in Bayern geht nur ohne 10H"/><meta property="og:description" content="Der BUND Naturschutz bedauert, dass das Gespräch zwischen Klimaschutzminister Robert Habeck und Ministerpräsident Markus Söder nicht dazu geführt hat, dass sich Bayern von der 10-H- Abstandsregel für Windkraftwerke verabschiedet. Einen verstärkten Ausbau der Windkraft in den Staatsforsten als Alternative zu 10-H lehnen wir ab. "/><meta property="og:image" content="https://www.bund-naturschutz.de/fileadmin/Bilder_und_Dokumente/Presse_und_Aktuelles/2022/Energie_und_Klima/Habeck_bei_S%C3%B6der_-_BN_Demo_-_Christof_Stache.jpg"/><meta name="twitter:title" content="Habeck in München - Windkraft in Bayern geht nur ohne 10H"/><meta name="twitter:description" content="Der BUND Naturschutz bedauert, dass das Gespräch zwischen Klimaschutzminister Robert Habeck und Ministerpräsident Markus Söder nicht dazu geführt hat, dass sich Bayern von der 10-H- Abstandsregel für Windkraftwerke verabschiedet. Einen verstärkten Ausbau der Windkraft in den Staatsforsten als Alternative zu 10-H lehnen wir ab. "/><meta name="twitter:card" content="summary"/><link rel="stylesheet" type="text/css" href="/typo3conf/ext/base_template/Resources/Public/Stylesheets/styles.css?1628856165" media="all"><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
||
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
||
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
||
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
||
})(window,document,'script','dataLayer','GTM-PWMJ8S7');</script><!-- End Google Tag Manager --><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="manifest" href="/site.webmanifest"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"><meta name="msapplication-TileColor" content="#daefff"><meta name="theme-color" content="#ffffff"><link rel="alternate" type="application/rss+xml" title="BUND Naturschutz - Aktuelles" href="http://www.bund-naturschutz.de/rss.xml"/><meta property="fb:admins" content="100000124874464, 1066511138"/><link rel="preload" as="font" href="/typo3conf/ext/base_template/Resources/Public/Fonts/324266_0_0.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" as="font" href="/typo3conf/ext/base_template/Resources/Public/Fonts/roboto-slab-v12-latin-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" as="font" href="/typo3conf/ext/base_template/Resources/Public/Fonts/roboto-slab-v12-latin-700.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="canonical" href="https://www.bund-naturschutz.de/pressemitteilungen/habeck-besuch-in-muenchen-windkraft-in-bayern-kann-nur-ohne-10-h-in-fahrt-gebracht-werden"/><!-- This site is optimized with the Yoast SEO for TYPO3 plugin - https://yoast.com/typo3-extensions-seo/ --><script type="application/ld+json">[{"@context":"https:\/\/www.schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/www.bund-naturschutz.de\/","name":"Home"}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/www.bund-naturschutz.de\/presse-aktuelles","name":"Presse+Aktuelles"}},{"@type":"ListItem","position":3,"item":{"@id":"https:\/\/www.bund-naturschutz.de\/pressemitteilungen","name":"Pressemitteilungen"}}]}];</script>
|
||
<script type="text/javascript" src="/typo3temp/assets/vhs-assets-Analytics-UA-43622644-1.js?1642764877"></script>
|
||
</head><body class=" bg-sand-500 antialiased w-full"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PWMJ8S7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div x-data="menu()" class="relative"><nav class="relative z-20"><div class="absolute h-22 lg:h-36 left-0 right-0 overflow-hidden"><svg class="h-full relative left-1/2 transform -translate-x-1/2" height="144" viewBox="0 0 3844 144" width="3844" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="main-nav-bg-a" x1="50.12487%" x2="50.12487%" y1="-.25%" y2="99.75%"><stop offset="0" stop-color="#262626"/><stop offset="1" stop-color="#262626" stop-opacity="0"/></linearGradient><linearGradient id="main-nav-bg-b" x1="45.865885%" x2="76.052083%" y1="-46.970703%" y2="649.256331%"><stop offset="0" stop-color="#63991f"/><stop offset=".39" stop-color="#85bc21"/><stop offset="1" stop-color="#63991f"/></linearGradient><g fill="none" fill-rule="evenodd" transform="translate(-4)"><path d="m0 111.1h3844v20h-3844z" fill="url(#main-nav-bg-a)" opacity=".5"/><path d="m4 0v121.4l17 1.2c8.1.7 53.5-.3 81.4-.3h88.8c6.4 0 72 .9 96.6 2.3s227.5-.1 260.2-.1 174-2 189.9-2 56.2.8 120.5.1c23.4-.2 59.1.1 97.5.5 66.5.6 141 1.3 174.7-1.3 46.8-.3 82.2.3 108.6 1 23.1.6 84-.1 87.3-.8l1.1-.2c1.3-.2 3 .5 48.6 1.1 54.2.6 102 1.8 113.6 1 27.06261-1.832979 54.20984-2.066719 81.3-.7 18 .7 137.4.2 148.9-.5 4.9-.3 14.1.2 24.6.6 14.1.6 31.1 1.2 44.1 0 9.4-.8 40.8-.5 72.9-.1s67.8.7 79.7-.2c17.8-.1 43.5-.5 61.7-.5h88.8c6.4 0 72 .9 96.6 2.3s227.6-.1 260.2-.1 174-2 190.1-2 56.2.8 120.4.1c23.6-.2 59.1.1 97.5.5 66.4.6 141 1.3 174.8-1.3 46.8-.3 82.2.3 108.6 1 23.1.6 84-.1 87.1-.8l1.1-.2c1.4-.2 3 .5 48.6 1.1 54.1.6 102 1.8 113.6 1 27.06261-1.832979 54.20984-2.066719 81.3-.7 18 .7 137.4.2 148.9-.5 4.9-.3 14.1.2 24.6.6 14.1.6 31.1 1.2 44.1 0 9.3-.8 40.6-.5 72.9-.1 34.9.4 70.9.8 81.1-.4l.7-123z" fill="url(#main-nav-bg-b)"/></g></svg></div><div class="flex h-19 lg:h-30" style="background-color: #62991F"><div class="container relative flex "><div class="flex-none justify-self-start"><div class="flex-none justify-self-start h-full flex align-center"><button class="h-8 w-8 my-auto lg:hidden p-2 -m-2" type="button" @click="togglePanel(3)" aria-label="Menü öffnen"><svg class="text-white fill-current" viewBox="0 0 27.354 25" xmlns="http://www.w3.org/2000/svg"><g class="text-white"><path d="m0 0h27.354v3h-27.354z"/><path d="m0 11h27.354v3h-27.354z"/><path d="m0 22h27.354v3h-27.354z"/></g></svg></button></div></div><div class="flex-grow flex flex-col"><div class="flex-none h-12 hidden lg:block"></div><div class="flex-grow hidden lg:flex h-full"><div class="h-full flex flex-grow items-center"><div><ul><li class="desktop-menu-item inline-block mr-4 group relative text-gray-700 hover:text-white bg-white hover:bg-green-700 transition-colors duration-100" :class="{ 'active': isDesktopMenuActive(13319) }"><button @click="toggleDesktopMenuItem(13319)" class="font-display uppercase text-3xl leading-snug px-3"> Aktionen </button></li><li class="desktop-menu-item inline-block mr-4 group relative text-gray-700 hover:text-white bg-white hover:bg-green-700 transition-colors duration-100" :class="{ 'active': isDesktopMenuActive(5) }"><button @click="toggleDesktopMenuItem(5)" class="font-display uppercase text-3xl leading-snug px-3"> Themen </button></li><li class="desktop-menu-item inline-block mr-4 group relative text-gray-700 hover:text-white bg-white hover:bg-green-700 transition-colors duration-100" :class="{ 'active': isDesktopMenuActive(7) }"><button @click="toggleDesktopMenuItem(7)" class="font-display uppercase text-3xl leading-snug px-3"> Über uns </button></li><li class="inline-block mr-4 group relative bg-white hover:bg-green-700 transition-colors duration-100"><a href="/spenden-helfen" class="font-display uppercase text-3xl leading-snug text-gray-700 group-hover:text-white px-3" >Spenden+Helfen</a></li></ul></div></div><div class="flex-none hidden lg:flex items-center"><div><button class="group hidden lg:block p-2 -m-2" type="button" aria-label="Suchen" @click="toggleSearchBar()"><svg x-cloak class="text-white w-8 h-8 fill-current transition transition-colors duration-200 group-hover:text-green-700" :class="{ 'hidden' : !searchbarOpen }" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><title>search-icon-close</title><path d="M8.35,7.06l5.21-5.22a1,1,0,0,0,.26-1.4,1,1,0,0,0-1.63,0L7,5.63,1.71.41A1,1,0,0,0,.29.41a1,1,0,0,0,0,1.43L5.51,7.06.3,12.27a1,1,0,0,0,0,1.43,1,1,0,0,0,1.42,0L6.93,8.48l5.26,5.23a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.43Z" transform="translate(0 0)"/></svg><svg class="text-white fill-current group-hover:text-green-700" :class="{ 'hidden' : searchbarOpen }" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="magnifying-glass-a"><path d="m0 0h32v32h-32z"/></clipPath><clipPath id="magnifying-glass-b"><path d="m0-2.981h32v-32h-32z" transform="translate(0 34.981)"/></clipPath><g clip-path="url(#magnifying-glass-a)"><g clip-path="url(#magnifying-glass-b)"><path d="m-2.915-2.591-6.6-6.6a13.18 13.18 0 0 0 2.389-7.669 13.318 13.318 0 0 0 -1.067-5.26 13.563 13.563 0 0 0 -2.885-4.326 13.508 13.508 0 0 0 -4.322-2.885 13.322 13.322 0 0 0 -5.26-1.068 13.323 13.323 0 0 0 -5.261 1.068 13.518 13.518 0 0 0 -4.326 2.885 13.533 13.533 0 0 0 -2.885 4.326 13.318 13.318 0 0 0 -1.068 5.26 13.31 13.31 0 0 0 1.064 5.26 13.517 13.517 0 0 0 2.885 4.327 13.533 13.533 0 0 0 4.326 2.885 13.307 13.307 0 0 0 5.261 1.068 13.166 13.166 0 0 0 7.673-2.386l6.591 6.576a2.284 2.284 0 0 0 1.73.731 2.364 2.364 0 0 0 1.735-.731 2.362 2.362 0 0 0 .735-1.731 2.352 2.352 0 0 0 -.711-1.73m-11.663-8.183a8.3 8.3 0 0 1 -6.086 2.528 8.3 8.3 0 0 1 -6.087-2.528 8.3 8.3 0 0 1 -2.533-6.086 8.3 8.3 0 0 1 2.528-6.086 8.3 8.3 0 0 1 6.087-2.528 8.3 8.3 0 0 1 6.086 2.528 8.3 8.3 0 0 1 2.529 6.086 8.3 8.3 0 0 1 -2.529 6.087" transform="translate(34.203 30.399)"/></g></g></svg></button></div><div class="ml-4"><a href="/" title="Zur Startseite" class="group block p-2 -m-2"><svg class="text-white fill-current group-hover:text-green-700" xmlns="http://www.w3.org/2000/svg" width="32.047" height="32.046" viewBox="0 0 32.047 32.046"><path d="M31.538,14.485,16.716.278a1,1,0,0,0-1.386,0L.494,14.5A1.692,1.692,0,0,0,0,15.689a1.672,1.672,0,0,0,1.669,1.669H4.006V30.043a2,2,0,0,0,2,2h5.675a1,1,0,0,0,1-1V22.365a.335.335,0,0,1,.334-.334h6.009a.336.336,0,0,1,.334.334v8.679a1,1,0,0,0,1,1h5.675a2,2,0,0,0,2-2V17.358h2.337a1.672,1.672,0,0,0,1.669-1.669,1.7,1.7,0,0,0-.509-1.2Zm0,0" transform="translate(0 0)"/></svg><span class="sr-only">Zur Startseite</span></a></div></div></div></div><div class="flex-none h-full justify-self-end -mr-2 lg:mr-2"><a href="/" title="Zur Startseite"><picture><source media="(min-width: 1024px)" srcset="/typo3conf/ext/base_template/Resources/Public/Images/logo-bn-desktop.png 1x, /typo3conf/ext/base_template/Resources/Public/Images/logo-bn-desktop-2x.png 2x"><source srcset="/typo3conf/ext/base_template/Resources/Public/Images/logo-bn-mobile.png 1x, /typo3conf/ext/base_template/Resources/Public/Images/logo-bn-mobile-2x.png 2x"><img class="w-full" src="/typo3conf/ext/base_template/Resources/Public/Images/logo-bn-desktop.png" width="174" height="160" alt="BUND Naturschutz in Bayern e. V."></picture></a></div></div></div></nav><div x-cloak class="h-56 bg-blue-500 flex items-center shadow-md overflow-hidden" x-show="searchbarOpen"><div class="container"><div class="flex flex-col items-center bg-blue-500 justify-center"><p class="text-5xl text-white font-display tracking-wide block uppercase mb-2">Durchsuchen Sie unser Wissen </p><div class="max-w-lg w-full"><form action="/suche" class="searchform h-10 lg:h-13 flex w-full" name="searchform" method="get" _lpchecked="1"><label for="sword-8" class="sr-only">Suchen nach</label><input name="q" type="text" id="sword-8" value="Suchbegriff" onfocus="if(this.value=='Suchbegriff'){this.value='';}" onblur="if(this.value==''){this.value='Suchbegriff';}" class="appearance-none flex-grow h-full align-top text-base md:text-2xl font-serif lg:inline-block w-full px-4 text-gray-300 focus:text-gray-700 rounded-none shadow-inner"><button class="flex-none h-full align-top block lg:inline-block mx-auto bg-green-500 px-2 lg:px-4 py-1 hover:bg-green-600 transition transition-colors duration-200" name="submit" type="submit"><svg class="text-white fill-current h-5 w-6 lg:h-8 lg:w-8" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="search-button-a"><path d="m0 0h32v32h-32z"/></clipPath><clipPath id="search-button-b"><path d="m0-2.981h32v-32h-32z" transform="translate(0 34.981)"/></clipPath><g clip-path="url(#search-button-a)"><g clip-path="url(#search-button-b)"><path d="m-2.915-2.591-6.6-6.6a13.18 13.18 0 0 0 2.389-7.669 13.318 13.318 0 0 0 -1.067-5.26 13.563 13.563 0 0 0 -2.885-4.326 13.508 13.508 0 0 0 -4.322-2.885 13.322 13.322 0 0 0 -5.26-1.068 13.323 13.323 0 0 0 -5.261 1.068 13.518 13.518 0 0 0 -4.326 2.885 13.533 13.533 0 0 0 -2.885 4.326 13.318 13.318 0 0 0 -1.068 5.26 13.31 13.31 0 0 0 1.064 5.26 13.517 13.517 0 0 0 2.885 4.327 13.533 13.533 0 0 0 4.326 2.885 13.307 13.307 0 0 0 5.261 1.068 13.166 13.166 0 0 0 7.673-2.386l6.591 6.576a2.284 2.284 0 0 0 1.73.731 2.364 2.364 0 0 0 1.735-.731 2.362 2.362 0 0 0 .735-1.731 2.352 2.352 0 0 0 -.711-1.73m-11.663-8.183a8.3 8.3 0 0 1 -6.086 2.528 8.3 8.3 0 0 1 -6.087-2.528 8.3 8.3 0 0 1 -2.533-6.086 8.3 8.3 0 0 1 2.528-6.086 8.3 8.3 0 0 1 6.087-2.528 8.3 8.3 0 0 1 6.086 2.528 8.3 8.3 0 0 1 2.529 6.086 8.3 8.3 0 0 1 -2.529 6.087" transform="translate(34.203 30.399)"/></g></g></svg><span class="sr-only">Suchen</span></button></form></div></div></div></div><script>
|
||
function menu() {
|
||
return {
|
||
panelsOpen: false,
|
||
searchbarOpen: false,
|
||
panelId: null,
|
||
currentPanelId: null,
|
||
currentDesktopMenuItemId: null,
|
||
breadcrumbSelectOpen: null,
|
||
rootline: [1344,3,1],
|
||
|
||
isPanelsOpen() {
|
||
return this.panelsOpen === true
|
||
},
|
||
|
||
closePanels() {
|
||
this.closePanel(this.panelId);
|
||
},
|
||
|
||
togglePanel(panelId, animationStyle) {
|
||
if (this.isPanelOpen(panelId)) {
|
||
/*Panel is already open*/
|
||
this.closePanel(panelId)
|
||
} else {
|
||
/*Panel is not open yet*/
|
||
this.openPanel(panelId, animationStyle)
|
||
}
|
||
},
|
||
|
||
openPanel(panelId, animationStyle) {
|
||
if (!document.getElementById("panel-" + panelId)) {
|
||
/* Page is not in menu (beneath max level of menu) - looking for next best match in rootline */
|
||
for (let pageId in this.rootline) {
|
||
if (document.getElementById("panel-" + this.rootline[pageId])) {
|
||
panelId = this.rootline[pageId];
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
|
||
let prevPanelList;
|
||
let nextPanel = document.getElementById("panel-" + panelId);
|
||
let nextPanelList = nextPanel.getElementsByClassName("js-panel-list")[0];
|
||
|
||
if (this.currentPanelId !== null) {
|
||
prevPanelList = document.getElementById("panel-" + this.currentPanelId).getElementsByClassName("js-panel-list")[0];
|
||
}
|
||
|
||
|
||
if (window.innerWidth >= 1024) {
|
||
/* Clone panel to measure height (original is hidden, thus height is always 0px)*/
|
||
var clone = nextPanel.cloneNode(true);
|
||
clone.setAttribute("id", "panel-" + panelId + "-clone");
|
||
document.body.append(clone);
|
||
clone.removeAttribute("style");
|
||
document.getElementById("panelsContainer").setAttribute("style", "min-height: " + clone.offsetHeight + "px;");
|
||
clone.remove();
|
||
} else {
|
||
/* Prevent scrolling when menu is open */
|
||
document.body.style.position = 'fixed';
|
||
document.body.style.top = '-' + window.scrollY + 'px';
|
||
}
|
||
|
||
/* Reset to default state */
|
||
nextPanelList.classList.remove("-translate-x-full");
|
||
nextPanelList.classList.remove("translate-x-full");
|
||
if (prevPanelList) {
|
||
prevPanelList.classList.remove("-translate-x-full");
|
||
prevPanelList.classList.remove("translate-x-full");
|
||
}
|
||
|
||
/* Prepare animation by setting classes before animation starts */
|
||
switch (animationStyle) {
|
||
case 'slideOut':
|
||
nextPanelList.classList.add("-translate-x-full");
|
||
if (prevPanelList) {
|
||
prevPanelList.classList.add("translate-x-0");
|
||
}
|
||
break;
|
||
case 'slideIn':
|
||
nextPanelList.classList.add("translate-x-full");
|
||
if (prevPanelList) {
|
||
prevPanelList.classList.add("translate-x-0");
|
||
}
|
||
}
|
||
|
||
this.panelsOpen = true;
|
||
this.panelId = panelId;
|
||
this.currentPanelId = panelId;
|
||
this.searchbarOpen = false;
|
||
|
||
/* Add slight delay - otherwise animation won't work */
|
||
setTimeout(function () {
|
||
switch (animationStyle) {
|
||
case 'slideOut':
|
||
nextPanelList.classList.add("translate-x-0");
|
||
nextPanelList.classList.remove("-translate-x-full");
|
||
if (prevPanelList) {
|
||
prevPanelList.classList.add("translate-x-full");
|
||
prevPanelList.classList.remove("translate-x-0");
|
||
}
|
||
break;
|
||
case 'slideIn':
|
||
nextPanelList.classList.add("translate-x-0");
|
||
nextPanelList.classList.remove("translate-x-full");
|
||
if (prevPanelList) {
|
||
prevPanelList.classList.add("-translate-x-full");
|
||
prevPanelList.classList.remove("translate-x-0");
|
||
}
|
||
}
|
||
}, 25);
|
||
},
|
||
|
||
closePanel(panelId) {
|
||
this.panelId = null;
|
||
this.currentPanelId = null;
|
||
this.currentDesktopMenuItemId = null;
|
||
this.panelsOpen = false;
|
||
|
||
const scrollY = document.body.style.top;
|
||
document.body.style.position = '';
|
||
document.body.style.top = '';
|
||
window.scrollTo(0, parseInt(scrollY || '0') * -1);
|
||
},
|
||
|
||
isPanelOpen(clickedPanelId) {
|
||
if (this.currentPanelId === null) {
|
||
return false;
|
||
} else {
|
||
return this.currentPanelId === clickedPanelId;
|
||
}
|
||
},
|
||
|
||
toggleDesktopMenuItem(panelId) {
|
||
if (this.isDesktopMenuActive(panelId)) {
|
||
this.closePanel(panelId);
|
||
this.currentDesktopMenuItemId = null;
|
||
} else {
|
||
this.openPanel(panelId);
|
||
this.currentDesktopMenuItemId = panelId;
|
||
}
|
||
},
|
||
|
||
isDesktopMenuActive(panelId) {
|
||
return this.currentDesktopMenuItemId === panelId || (this.rootline.includes(panelId) && this.rootline.includes(this.currentDesktopMenuItemId));
|
||
},
|
||
|
||
toggleSearchBar() {
|
||
if (this.searchbarOpen) {
|
||
this.searchbarOpen = false;
|
||
} else {
|
||
this.searchbarOpen = true;
|
||
this.closePanels();
|
||
}
|
||
},
|
||
}
|
||
}
|
||
</script><div x-cloak x-show="isPanelsOpen()" x-transition:enter-start="-translate-x-full lg:translate-x-0" x-transition:enter-end="translate-x-0" x-transition:leave-start="translate-x-0" x-transition:leave-end="-translate-x-full lg:translate-x-0" class="duration-200 overflow-hidden bg-opacity-75 bg-gray-700 panels fixed lg:absolute left-0 top-0 bottom-0 lg:bottom-auto flex lg:flex-col z-50 lg:z-10 h-full w-full transform" :class="{ 'opacity-100': isPanelsOpen(), 'opacity-0': !isPanelsOpen() }"><div class="flex flex-col max-h-screen min-h-0 w-full max-w-sm lg:mt-30 lg:max-w-none bg-sand-500 shadow-lg transition-all duration-300 lg:duration-500 overflow-hidden" id="panelsContainer"><div class="lg:hidden bg-blue-500 h-19 flex items-center container"><div><a href="/" title="Zur Startseite" class="group inline-flex h-10 w-10 bg-green-500 justify-center items-center mr-2 my-1" title="Zur Startseite"><svg class="fill-current text-white" height="26.227" viewBox="0 0 26.232 26.227" width="26.232" xmlns="http://www.w3.org/2000/svg"><path d="m26 12.081-12-12a2.32 2.32 0 0 0 -2 0l-12 12c-.255.255 0 .64 0 1 0 .748.252 1 1 1h2v10a2.335 2.335 0 0 0 2 2h5c.45 0 0-.55 0-1v-7c0-.149.85 0 1 0h4c.149 0 1-.149 1 0v7a1.167 1.167 0 0 0 1 1h4a2.335 2.335 0 0 0 2-2v-10h2c.748 0 1-.252 1-1 0-.36.267-.733 0-1zm0 0" transform="translate(.114 .146)"/></svg><span class="sr-only">Zur Startseite</span></a></div><form action="/suche" class="searchform h-10 lg:h-13 flex w-full" name="searchform" method="get" _lpchecked="1"><label for="sword-19" class="sr-only">Suchen nach</label><input name="q" type="text" id="sword-19" value="Suchbegriff" onfocus="if(this.value=='Suchbegriff'){this.value='';}" onblur="if(this.value==''){this.value='Suchbegriff';}" class="appearance-none flex-grow h-full align-top text-base md:text-2xl font-serif lg:inline-block w-full px-4 text-gray-300 focus:text-gray-700 rounded-none shadow-inner"><button class="flex-none h-full align-top block lg:inline-block mx-auto bg-green-500 px-2 lg:px-4 py-1 hover:bg-green-600 transition transition-colors duration-200" name="submit" type="submit"><svg class="text-white fill-current h-5 w-6 lg:h-8 lg:w-8" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="search-button-a"><path d="m0 0h32v32h-32z"/></clipPath><clipPath id="search-button-b"><path d="m0-2.981h32v-32h-32z" transform="translate(0 34.981)"/></clipPath><g clip-path="url(#search-button-a)"><g clip-path="url(#search-button-b)"><path d="m-2.915-2.591-6.6-6.6a13.18 13.18 0 0 0 2.389-7.669 13.318 13.318 0 0 0 -1.067-5.26 13.563 13.563 0 0 0 -2.885-4.326 13.508 13.508 0 0 0 -4.322-2.885 13.322 13.322 0 0 0 -5.26-1.068 13.323 13.323 0 0 0 -5.261 1.068 13.518 13.518 0 0 0 -4.326 2.885 13.533 13.533 0 0 0 -2.885 4.326 13.318 13.318 0 0 0 -1.068 5.26 13.31 13.31 0 0 0 1.064 5.26 13.517 13.517 0 0 0 2.885 4.327 13.533 13.533 0 0 0 4.326 2.885 13.307 13.307 0 0 0 5.261 1.068 13.166 13.166 0 0 0 7.673-2.386l6.591 6.576a2.284 2.284 0 0 0 1.73.731 2.364 2.364 0 0 0 1.735-.731 2.362 2.362 0 0 0 .735-1.731 2.352 2.352 0 0 0 -.711-1.73m-11.663-8.183a8.3 8.3 0 0 1 -6.086 2.528 8.3 8.3 0 0 1 -6.087-2.528 8.3 8.3 0 0 1 -2.533-6.086 8.3 8.3 0 0 1 2.528-6.086 8.3 8.3 0 0 1 6.087-2.528 8.3 8.3 0 0 1 6.086 2.528 8.3 8.3 0 0 1 2.529 6.086 8.3 8.3 0 0 1 -2.529 6.087" transform="translate(34.203 30.399)"/></g></g></svg><span class="sr-only">Suchen</span></button></form></div><div class="relative flex-grow overflow-auto lg:overflow-hidden"><div id="panel-1" class="absolute w-full transform left-0 right-0 transition-opacity duration-300 lg:duration-700" x-show="panelId === 1" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><div class="container"><ul class="js-panel-list mt-3 relative transform transition-transform duration-300 lg:duration-700"><li class="bg-white flex mt-2 pl-2"><button @click="togglePanel(13319, 'slideIn')" class="font-display text-3xl text-gray-700 uppercase flex w-full items-center text-left leading-tight"> Aktionen<span class="ml-2 text-green-700">›</span></button></li><li class="bg-white flex mt-2 pl-2"><button @click="togglePanel(5, 'slideIn')" class="font-display text-3xl text-gray-700 uppercase flex w-full items-center text-left leading-tight"> Themen<span class="ml-2 text-green-700">›</span></button></li><li class="bg-white flex mt-2 pl-2"><button @click="togglePanel(7, 'slideIn')" class="font-display text-3xl text-gray-700 uppercase flex w-full items-center text-left leading-tight"> Über uns<span class="ml-2 text-green-700">›</span></button></li><li class="bg-white flex mt-2 pl-2"><a href="/spenden-helfen" class="font-display text-3xl text-gray-700 uppercase flex w-full items-center"> Spenden+Helfen </a></li></ul></div></div><div id="panel-13319" class="absolute w-full transform left-0 right-0 transition-opacity duration-300 lg:duration-700" x-show="panelId === 13319" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><div class="container"><button @click="togglePanel(1, 'slideOut')" title="Zurück zum Startmenü" class="lg:hidden w-full mt-3 text-left text-sm font-bold text-gray-500 hover:text-green-600 transition-colors duration-300"> Hauptmenü </button><div class="flex justify-between mt-3 lg:mt-12 lg:mb-3"><div class="flex flex-col lg:flex-row flex-grow"><button @click="togglePanel(1, 'slideOut')" title="Zurück zur höheren Menüebene" class="group inline-flex flex-none h-10 lg:h-12 w-full lg:w-12 px-2 bg-white lg:justify-center items-center align-top mr-2 lg:mt-1 lg:mb-1 lg:opacity-50 lg:pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.921" height="24" viewBox="0 0 11.921 24" class="h-3 w-3 lg:h-auto lg:w-auto fill-current duration-200 text-green-500 lg:mr-0 lg:text-gray-700"><defs><clipPath id="back-arrow-a"><rect width="24" height="11.921" fill="none"/></clipPath></defs><g transform="translate(11.921) rotate(90)" clip-path="url(#back-arrow-a)"><path d="M-4.532,0-16.479,6.974-28.532,0V3.921l12.21,8,11.79-8Z" transform="translate(28.532)"/></g></svg><span class="lg:hidden ml-2 text-sm font-bold text-gray-500 text-left leading-extra-tight"> Hauptmenü</span></button><div class="hidden lg:block flex-grow relative"><div><ul class="flex flex-col lg:flex-row mt-4 lg:mt-0" id="breadcrumb-13319"><li class="pointer-events-none inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(13319, 'slideOut')" title='Unterseiten von "Aktionen" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500"> Aktionen </button></li></ul></div></div></div><button @click="closePanels()" title="Menü schließen" class="group hidden lg:inline-flex bg-white w-12 h-12 align-top items-center justify-center bg-white my-1 hover:bg-green-500 duration-200"><svg class="w-4 h-4 fill-current text-green-500 group-hover:text-white" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M8.35,7.06l5.21-5.22a1,1,0,0,0,.26-1.4,1,1,0,0,0-1.63,0L7,5.63,1.71.41A1,1,0,0,0,.29.41a1,1,0,0,0,0,1.43L5.51,7.06.3,12.27a1,1,0,0,0,0,1.43,1,1,0,0,0,1.42,0L6.93,8.48l5.26,5.23a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.43Z" transform="translate(0 0)"/></svg><span class="sr-only">Menü schließen</span></button></div><div class="hidden lg:block menu-separator w-full h-4 overflow-hidden"></div></div><div class="js-panel-list relative transform transition-transform duration-300 lg:duration-700 container"><p class="lg:hidden font-bold text-lg font-serif text-gray-500 mt-4 mb-2">Aktionen</p><ul class="lg:grid grid-cols-3 lg:gap-x-8 lg:mb-8"><li class="col-span-1 group flex justify-between items-center border-t border-b lg:border-t-0 text-left hover:bg-white transition transition-colors duration-100"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/aktionen" title='Seite "Aktionen" öffnen'> Übersicht </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/aktionen/kein-geld-fuer-atom-und-gas" title='Seite "Kein Geld für Atom und Gas" öffnen'> Kein Geld für Atom und Gas </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b "><button @click="togglePanel(24045, 'slideIn')" class="p-3 text-sm text-left transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center justify-between lg:justify-start text-gray-700" title='Unterseiten von "Eichhörnchen beobachten und melden" anzeigen'> Eichhörnchen beobachten und melden<span class="text-green-700 ml-2 inline-block font-bold">›</span></button></li></ul></div></div><div id="panel-24045" class="absolute w-full transform left-0 right-0 transition-opacity duration-300 lg:duration-700" x-show="panelId === 24045" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><div class="container"><button @click="togglePanel(1, 'slideOut')" title="Zurück zum Startmenü" class="lg:hidden w-full mt-3 text-left text-sm font-bold text-gray-500 hover:text-green-600 transition-colors duration-300"> Hauptmenü </button><div class="flex justify-between mt-3 lg:mt-12 lg:mb-3"><div class="flex flex-col lg:flex-row flex-grow"><button @click="togglePanel(13319, 'slideOut')" title="Zurück zur höheren Menüebene" class="group inline-flex flex-none h-10 lg:h-12 w-full lg:w-12 px-2 bg-white lg:justify-center items-center align-top mr-2 lg:mt-1 lg:mb-1 "><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.921" height="24" viewBox="0 0 11.921 24" class="h-3 w-3 lg:h-auto lg:w-auto fill-current duration-200 text-green-500 lg:mr-0 group-hover:text-green-600"><defs><clipPath id="back-arrow-a"><rect width="24" height="11.921" fill="none"/></clipPath></defs><g transform="translate(11.921) rotate(90)" clip-path="url(#back-arrow-a)"><path d="M-4.532,0-16.479,6.974-28.532,0V3.921l12.21,8,11.79-8Z" transform="translate(28.532)"/></g></svg><span class="lg:hidden ml-2 text-sm font-bold text-gray-500 text-left leading-extra-tight"> Aktionen</span></button><div class="hidden lg:block flex-grow relative"><div><ul class="flex flex-col lg:flex-row mt-4 lg:mt-0" id="breadcrumb-24045"><li class=" inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(13319, 'slideOut')" title='Unterseiten von "Aktionen" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500 lg:text-green-600"> Aktionen <span class="hidden lg:inline-block"> ›</span></button></li><li class="pointer-events-none inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(24045, 'slideOut')" title='Unterseiten von "Eichhörnchen beobachten und melden" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500"> Eichhörnchen beobachten und melden </button></li></ul></div></div></div><button @click="closePanels()" title="Menü schließen" class="group hidden lg:inline-flex bg-white w-12 h-12 align-top items-center justify-center bg-white my-1 hover:bg-green-500 duration-200"><svg class="w-4 h-4 fill-current text-green-500 group-hover:text-white" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M8.35,7.06l5.21-5.22a1,1,0,0,0,.26-1.4,1,1,0,0,0-1.63,0L7,5.63,1.71.41A1,1,0,0,0,.29.41a1,1,0,0,0,0,1.43L5.51,7.06.3,12.27a1,1,0,0,0,0,1.43,1,1,0,0,0,1.42,0L6.93,8.48l5.26,5.23a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.43Z" transform="translate(0 0)"/></svg><span class="sr-only">Menü schließen</span></button></div><div class="hidden lg:block menu-separator w-full h-4 overflow-hidden"></div></div><div class="js-panel-list relative transform transition-transform duration-300 lg:duration-700 container"><p class="lg:hidden font-bold text-lg font-serif text-gray-500 mt-4 mb-2">Eichhörnchen beobachten und melden</p><ul class="lg:grid grid-cols-3 lg:gap-x-8 lg:mb-8"><li class="col-span-1 group flex justify-between items-center border-t border-b lg:border-t-0 text-left hover:bg-white transition transition-colors duration-100"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/aktionen/eichhoernchen-beobachten-und-melden" title='Seite "Eichhörnchen beobachten und melden" öffnen'> Übersicht </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b "><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/aktionen/eichhoernchen-beobachten-und-melden/ergebnisse-2020" title='Seite "Ergebnisse 2020" öffnen'> Ergebnisse 2020 </a></li></ul></div></div><div id="panel-5" class="absolute w-full transform left-0 right-0 transition-opacity duration-300 lg:duration-700" x-show="panelId === 5" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><div class="container"><button @click="togglePanel(1, 'slideOut')" title="Zurück zum Startmenü" class="lg:hidden w-full mt-3 text-left text-sm font-bold text-gray-500 hover:text-green-600 transition-colors duration-300"> Hauptmenü </button><div class="flex justify-between mt-3 lg:mt-12 lg:mb-3"><div class="flex flex-col lg:flex-row flex-grow"><button @click="togglePanel(1, 'slideOut')" title="Zurück zur höheren Menüebene" class="group inline-flex flex-none h-10 lg:h-12 w-full lg:w-12 px-2 bg-white lg:justify-center items-center align-top mr-2 lg:mt-1 lg:mb-1 lg:opacity-50 lg:pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.921" height="24" viewBox="0 0 11.921 24" class="h-3 w-3 lg:h-auto lg:w-auto fill-current duration-200 text-green-500 lg:mr-0 lg:text-gray-700"><defs><clipPath id="back-arrow-a"><rect width="24" height="11.921" fill="none"/></clipPath></defs><g transform="translate(11.921) rotate(90)" clip-path="url(#back-arrow-a)"><path d="M-4.532,0-16.479,6.974-28.532,0V3.921l12.21,8,11.79-8Z" transform="translate(28.532)"/></g></svg><span class="lg:hidden ml-2 text-sm font-bold text-gray-500 text-left leading-extra-tight"> Hauptmenü</span></button><div class="hidden lg:block flex-grow relative"><div><ul class="flex flex-col lg:flex-row mt-4 lg:mt-0" id="breadcrumb-5"><li class="pointer-events-none inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(5, 'slideOut')" title='Unterseiten von "Themen" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500"> Themen </button></li></ul></div></div></div><button @click="closePanels()" title="Menü schließen" class="group hidden lg:inline-flex bg-white w-12 h-12 align-top items-center justify-center bg-white my-1 hover:bg-green-500 duration-200"><svg class="w-4 h-4 fill-current text-green-500 group-hover:text-white" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M8.35,7.06l5.21-5.22a1,1,0,0,0,.26-1.4,1,1,0,0,0-1.63,0L7,5.63,1.71.41A1,1,0,0,0,.29.41a1,1,0,0,0,0,1.43L5.51,7.06.3,12.27a1,1,0,0,0,0,1.43,1,1,0,0,0,1.42,0L6.93,8.48l5.26,5.23a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.43Z" transform="translate(0 0)"/></svg><span class="sr-only">Menü schließen</span></button></div><div class="hidden lg:block menu-separator w-full h-4 overflow-hidden"></div></div><div class="js-panel-list relative transform transition-transform duration-300 lg:duration-700 container"><p class="lg:hidden font-bold text-lg font-serif text-gray-500 mt-4 mb-2">Themen</p><ul class="lg:grid grid-cols-3 grid-flow-col grid-rows-4 lg:gap-x-8 lg:mb-8"><li class="col-span-1 group flex justify-between items-center border-t border-b lg:border-t-0 text-left hover:bg-white transition transition-colors duration-100"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/themen" title='Seite "Themen" öffnen'> Übersicht </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><button @click="togglePanel(22655, 'slideIn')" class="p-3 text-sm text-left transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center justify-between lg:justify-start text-gray-700" title='Unterseiten von "Alpen" anzeigen'> Alpen<span class="text-green-700 ml-2 inline-block font-bold">›</span></button></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><button @click="togglePanel(1424, 'slideIn')" class="p-3 text-sm text-left transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center justify-between lg:justify-start text-gray-700" title='Unterseiten von "Energie und Klima" anzeigen'> Energie und Klima<span class="text-green-700 ml-2 inline-block font-bold">›</span></button></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><button @click="togglePanel(20825, 'slideIn')" class="p-3 text-sm text-left transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center justify-between lg:justify-start text-gray-700" title='Unterseiten von "Flächenschutz" anzeigen'> Flächenschutz<span class="text-green-700 ml-2 inline-block font-bold">›</span></button></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><button @click="togglePanel(26501, 'slideIn')" class="p-3 text-sm text-left transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center justify-between lg:justify-start text-gray-700" title='Unterseiten von "Landwirtschaft" anzeigen'> Landwirtschaft<span class="text-green-700 ml-2 inline-block font-bold">›</span></button></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><button @click="togglePanel(24338, 'slideIn')" class="p-3 text-sm text-left transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center justify-between lg:justify-start text-gray-700" title='Unterseiten von "Mobilität" anzeigen'> Mobilität<span class="text-green-700 ml-2 inline-block font-bold">›</span></button></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><button @click="togglePanel(1496, 'slideIn')" class="p-3 text-sm text-left transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center justify-between lg:justify-start text-gray-700" title='Unterseiten von "Mobilfunk" anzeigen'> Mobilfunk<span class="text-green-700 ml-2 inline-block font-bold">›</span></button></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><button @click="togglePanel(1426, 'slideIn')" class="p-3 text-sm text-left transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center justify-between lg:justify-start text-gray-700" title='Unterseiten von "Natur und Landschaft" anzeigen'> Natur und Landschaft<span class="text-green-700 ml-2 inline-block font-bold">›</span></button></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><button @click="togglePanel(17715, 'slideIn')" class="p-3 text-sm text-left transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center justify-between lg:justify-start text-gray-700" title='Unterseiten von "Tiere und Pflanzen" anzeigen'> Tiere und Pflanzen<span class="text-green-700 ml-2 inline-block font-bold">›</span></button></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><button @click="togglePanel(18091, 'slideIn')" class="p-3 text-sm text-left transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center justify-between lg:justify-start text-gray-700" title='Unterseiten von "Umweltpolitik" anzeigen'> Umweltpolitik<span class="text-green-700 ml-2 inline-block font-bold">›</span></button></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><button @click="togglePanel(1416, 'slideIn')" class="p-3 text-sm text-left transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center justify-between lg:justify-start text-gray-700" title='Unterseiten von "Wald" anzeigen'> Wald<span class="text-green-700 ml-2 inline-block font-bold">›</span></button></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b "><button @click="togglePanel(4200, 'slideIn')" class="p-3 text-sm text-left transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center justify-between lg:justify-start text-gray-700" title='Unterseiten von "Wirtschaft + Umwelt" anzeigen'> Wirtschaft + Umwelt<span class="text-green-700 ml-2 inline-block font-bold">›</span></button></li></ul><div class="menu-separator mb-4 md:mb-10 lg:mt-13 lg:mb-0 w-full h-4 overflow-hidden"></div><ul class="lg:grid grid-cols-3 lg:gap-x-8 lg:mb-8"><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><button @click="togglePanel(4689, 'slideIn')" class="p-3 text-sm text-left transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center justify-between lg:justify-start text-gray-700" title='Unterseiten von "Umweltbildung" anzeigen'> Umweltbildung<span class="text-green-700 ml-2 inline-block font-bold">›</span></button></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b "><button @click="togglePanel(4, 'slideIn')" class="p-3 text-sm text-left transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center justify-between lg:justify-start text-gray-700" title='Unterseiten von "Ökologisch leben" anzeigen'> Ökologisch leben<span class="text-green-700 ml-2 inline-block font-bold">›</span></button></li></ul></div></div><div id="panel-22655" class="absolute w-full transform left-0 right-0 transition-opacity duration-300 lg:duration-700" x-show="panelId === 22655" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><div class="container"><button @click="togglePanel(1, 'slideOut')" title="Zurück zum Startmenü" class="lg:hidden w-full mt-3 text-left text-sm font-bold text-gray-500 hover:text-green-600 transition-colors duration-300"> Hauptmenü </button><div class="flex justify-between mt-3 lg:mt-12 lg:mb-3"><div class="flex flex-col lg:flex-row flex-grow"><button @click="togglePanel(5, 'slideOut')" title="Zurück zur höheren Menüebene" class="group inline-flex flex-none h-10 lg:h-12 w-full lg:w-12 px-2 bg-white lg:justify-center items-center align-top mr-2 lg:mt-1 lg:mb-1 "><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.921" height="24" viewBox="0 0 11.921 24" class="h-3 w-3 lg:h-auto lg:w-auto fill-current duration-200 text-green-500 lg:mr-0 group-hover:text-green-600"><defs><clipPath id="back-arrow-a"><rect width="24" height="11.921" fill="none"/></clipPath></defs><g transform="translate(11.921) rotate(90)" clip-path="url(#back-arrow-a)"><path d="M-4.532,0-16.479,6.974-28.532,0V3.921l12.21,8,11.79-8Z" transform="translate(28.532)"/></g></svg><span class="lg:hidden ml-2 text-sm font-bold text-gray-500 text-left leading-extra-tight"> Themen</span></button><div class="hidden lg:block flex-grow relative"><div><ul class="flex flex-col lg:flex-row mt-4 lg:mt-0" id="breadcrumb-22655"><li class=" inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(5, 'slideOut')" title='Unterseiten von "Themen" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500 lg:text-green-600"> Themen <span class="hidden lg:inline-block"> ›</span></button></li><li class="pointer-events-none inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(22655, 'slideOut')" title='Unterseiten von "Alpen" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500"> Alpen </button></li></ul></div></div></div><button @click="closePanels()" title="Menü schließen" class="group hidden lg:inline-flex bg-white w-12 h-12 align-top items-center justify-center bg-white my-1 hover:bg-green-500 duration-200"><svg class="w-4 h-4 fill-current text-green-500 group-hover:text-white" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M8.35,7.06l5.21-5.22a1,1,0,0,0,.26-1.4,1,1,0,0,0-1.63,0L7,5.63,1.71.41A1,1,0,0,0,.29.41a1,1,0,0,0,0,1.43L5.51,7.06.3,12.27a1,1,0,0,0,0,1.43,1,1,0,0,0,1.42,0L6.93,8.48l5.26,5.23a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.43Z" transform="translate(0 0)"/></svg><span class="sr-only">Menü schließen</span></button></div><div class="hidden lg:block menu-separator w-full h-4 overflow-hidden"></div></div><div class="js-panel-list relative transform transition-transform duration-300 lg:duration-700 container"><p class="lg:hidden font-bold text-lg font-serif text-gray-500 mt-4 mb-2">Alpen</p><ul class="lg:grid grid-cols-3 grid-flow-col grid-rows-5 lg:gap-x-8 lg:mb-8"><li class="col-span-1 group flex justify-between items-center border-t border-b lg:border-t-0 text-left hover:bg-white transition transition-colors duration-100"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/alpen" title='Seite "Alpen" öffnen'> Übersicht </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/alpen/alpenkonvention" title='Seite "Alpenkonvention" öffnen'> Alpenkonvention </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/alpen/alpenpflanzen" title='Seite "Alpenpflanzen" öffnen'> Alpenpflanzen </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/alpen/alpenplan" title='Seite "Alpenplan" öffnen'> Alpenplan </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/alpen/alpentiere" title='Seite "Alpentiere" öffnen'> Alpentiere </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/alpen/almwirtschaft" title='Seite "Almwirtschaft" öffnen'> Almwirtschaft </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/alpen/bergwald" title='Seite "Bergwald" öffnen'> Bergwald </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/alpen/geologie-und-klima" title='Seite "Geologie und Klima" öffnen'> Geologie und Klima </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/alpen/klimawandel" title='Seite "Klimawandel" öffnen'> Klimawandel </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/alpen/riedberger-horn" title='Seite "Riedberger Horn" öffnen'> Riedberger Horn </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/alpen/schutzgebiete" title='Seite "Schutzgebiete" öffnen'> Schutzgebiete </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/alpen/siedlung-verkehr-energie" title='Seite "Siedlung Verkehr Energie" öffnen'> Siedlung Verkehr Energie </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/alpen/tourismus" title='Seite "Tourismus" öffnen'> Tourismus </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b "><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/alpen/wasser-in-den-alpen" title='Seite "Wasser in den Alpen" öffnen'> Wasser in den Alpen </a></li></ul></div></div><div id="panel-1424" class="absolute w-full transform left-0 right-0 transition-opacity duration-300 lg:duration-700" x-show="panelId === 1424" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><div class="container"><button @click="togglePanel(1, 'slideOut')" title="Zurück zum Startmenü" class="lg:hidden w-full mt-3 text-left text-sm font-bold text-gray-500 hover:text-green-600 transition-colors duration-300"> Hauptmenü </button><div class="flex justify-between mt-3 lg:mt-12 lg:mb-3"><div class="flex flex-col lg:flex-row flex-grow"><button @click="togglePanel(5, 'slideOut')" title="Zurück zur höheren Menüebene" class="group inline-flex flex-none h-10 lg:h-12 w-full lg:w-12 px-2 bg-white lg:justify-center items-center align-top mr-2 lg:mt-1 lg:mb-1 "><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.921" height="24" viewBox="0 0 11.921 24" class="h-3 w-3 lg:h-auto lg:w-auto fill-current duration-200 text-green-500 lg:mr-0 group-hover:text-green-600"><defs><clipPath id="back-arrow-a"><rect width="24" height="11.921" fill="none"/></clipPath></defs><g transform="translate(11.921) rotate(90)" clip-path="url(#back-arrow-a)"><path d="M-4.532,0-16.479,6.974-28.532,0V3.921l12.21,8,11.79-8Z" transform="translate(28.532)"/></g></svg><span class="lg:hidden ml-2 text-sm font-bold text-gray-500 text-left leading-extra-tight"> Themen</span></button><div class="hidden lg:block flex-grow relative"><div><ul class="flex flex-col lg:flex-row mt-4 lg:mt-0" id="breadcrumb-1424"><li class=" inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(5, 'slideOut')" title='Unterseiten von "Themen" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500 lg:text-green-600"> Themen <span class="hidden lg:inline-block"> ›</span></button></li><li class="pointer-events-none inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(1424, 'slideOut')" title='Unterseiten von "Energie und Klima" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500"> Energie und Klima </button></li></ul></div></div></div><button @click="closePanels()" title="Menü schließen" class="group hidden lg:inline-flex bg-white w-12 h-12 align-top items-center justify-center bg-white my-1 hover:bg-green-500 duration-200"><svg class="w-4 h-4 fill-current text-green-500 group-hover:text-white" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M8.35,7.06l5.21-5.22a1,1,0,0,0,.26-1.4,1,1,0,0,0-1.63,0L7,5.63,1.71.41A1,1,0,0,0,.29.41a1,1,0,0,0,0,1.43L5.51,7.06.3,12.27a1,1,0,0,0,0,1.43,1,1,0,0,0,1.42,0L6.93,8.48l5.26,5.23a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.43Z" transform="translate(0 0)"/></svg><span class="sr-only">Menü schließen</span></button></div><div class="hidden lg:block menu-separator w-full h-4 overflow-hidden"></div></div><div class="js-panel-list relative transform transition-transform duration-300 lg:duration-700 container"><p class="lg:hidden font-bold text-lg font-serif text-gray-500 mt-4 mb-2">Energie und Klima</p><ul class="lg:grid grid-cols-3 grid-flow-col grid-rows-7 lg:gap-x-8 lg:mb-8"><li class="col-span-1 group flex justify-between items-center border-t border-b lg:border-t-0 text-left hover:bg-white transition transition-colors duration-100"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/energie" title='Seite "Energie und Klima" öffnen'> Übersicht </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/energie/aktuelles" title='Seite "Aktuelles" öffnen'> Aktuelles </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/energie/publikationen" title='Seite "Publikationen" öffnen'> Publikationen </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/energie/atomausstieg" title='Seite "Atomausstieg" öffnen'> Atomausstieg </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/energie/klimawandel" title='Seite "Klimawandel" öffnen'> Klimawandel </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/energie/klimaschutz" title='Seite "Klimaschutz" öffnen'> Klimaschutz </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/energie/gerechtigkeit-dezentralitaet" title='Seite "Gerechtigkeit, Dezentralität" öffnen'> Gerechtigkeit, Dezentralität </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/energie/dezentrale-energiewende" title='Seite "Dezentrale Energiewende" öffnen'> Dezentrale Energiewende </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/energie/ausstellung-energiewende" title='Seite "Ausstellung Energiewende" öffnen'> Ausstellung Energiewende </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/energie/suffizienz" title='Seite "Suffizienz" öffnen'> Suffizienz </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/energie/energiesparen" title='Seite "Energiesparen" öffnen'> Energiesparen </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/energie/energiespardorf-bayern" title='Seite "Energiespardorf Bayern" öffnen'> Energiespardorf Bayern </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/energie/energieeffizienz" title='Seite "Energieeffizienz" öffnen'> Energieeffizienz </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/energie/erneuerbare-energien" title='Seite "Erneuerbare Energien" öffnen'> Erneuerbare Energien </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/energie/stromsektor" title='Seite "Stromsektor" öffnen'> Stromsektor </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/energie/oekostrom" title='Seite "Ökostrom" öffnen'> Ökostrom </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/energie/waermesektor" title='Seite "Wärmesektor" öffnen'> Wärmesektor </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/energie/verkehrssektor" title='Seite "Verkehrssektor" öffnen'> Verkehrssektor </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/energie/land-und-forstwirtschaft" title='Seite "Land- und Forstwirtschaft" öffnen'> Land- und Forstwirtschaft </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b "><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/energie/links" title='Seite "Links" öffnen'> Links </a></li></ul></div></div><div id="panel-20825" class="absolute w-full transform left-0 right-0 transition-opacity duration-300 lg:duration-700" x-show="panelId === 20825" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><div class="container"><button @click="togglePanel(1, 'slideOut')" title="Zurück zum Startmenü" class="lg:hidden w-full mt-3 text-left text-sm font-bold text-gray-500 hover:text-green-600 transition-colors duration-300"> Hauptmenü </button><div class="flex justify-between mt-3 lg:mt-12 lg:mb-3"><div class="flex flex-col lg:flex-row flex-grow"><button @click="togglePanel(5, 'slideOut')" title="Zurück zur höheren Menüebene" class="group inline-flex flex-none h-10 lg:h-12 w-full lg:w-12 px-2 bg-white lg:justify-center items-center align-top mr-2 lg:mt-1 lg:mb-1 "><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.921" height="24" viewBox="0 0 11.921 24" class="h-3 w-3 lg:h-auto lg:w-auto fill-current duration-200 text-green-500 lg:mr-0 group-hover:text-green-600"><defs><clipPath id="back-arrow-a"><rect width="24" height="11.921" fill="none"/></clipPath></defs><g transform="translate(11.921) rotate(90)" clip-path="url(#back-arrow-a)"><path d="M-4.532,0-16.479,6.974-28.532,0V3.921l12.21,8,11.79-8Z" transform="translate(28.532)"/></g></svg><span class="lg:hidden ml-2 text-sm font-bold text-gray-500 text-left leading-extra-tight"> Themen</span></button><div class="hidden lg:block flex-grow relative"><div><ul class="flex flex-col lg:flex-row mt-4 lg:mt-0" id="breadcrumb-20825"><li class=" inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(5, 'slideOut')" title='Unterseiten von "Themen" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500 lg:text-green-600"> Themen <span class="hidden lg:inline-block"> ›</span></button></li><li class="pointer-events-none inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(20825, 'slideOut')" title='Unterseiten von "Flächenschutz" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500"> Flächenschutz </button></li></ul></div></div></div><button @click="closePanels()" title="Menü schließen" class="group hidden lg:inline-flex bg-white w-12 h-12 align-top items-center justify-center bg-white my-1 hover:bg-green-500 duration-200"><svg class="w-4 h-4 fill-current text-green-500 group-hover:text-white" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M8.35,7.06l5.21-5.22a1,1,0,0,0,.26-1.4,1,1,0,0,0-1.63,0L7,5.63,1.71.41A1,1,0,0,0,.29.41a1,1,0,0,0,0,1.43L5.51,7.06.3,12.27a1,1,0,0,0,0,1.43,1,1,0,0,0,1.42,0L6.93,8.48l5.26,5.23a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.43Z" transform="translate(0 0)"/></svg><span class="sr-only">Menü schließen</span></button></div><div class="hidden lg:block menu-separator w-full h-4 overflow-hidden"></div></div><div class="js-panel-list relative transform transition-transform duration-300 lg:duration-700 container"><p class="lg:hidden font-bold text-lg font-serif text-gray-500 mt-4 mb-2">Flächenschutz</p><ul class="lg:grid grid-cols-3 grid-flow-col grid-rows-2 lg:gap-x-8 lg:mb-8"><li class="col-span-1 group flex justify-between items-center border-t border-b lg:border-t-0 text-left hover:bg-white transition transition-colors duration-100"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/flaechenschutz" title='Seite "Flächenschutz" öffnen'> Übersicht </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/flaechenschutz/gewerbe" title='Seite "Gewerbe" öffnen'> Gewerbe </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/flaechenschutz/verkehr" title='Seite "Verkehr" öffnen'> Verkehr </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/flaechenschutz/wohnen" title='Seite "Wohnen" öffnen'> Wohnen </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/flaechenschutz/forderungen" title='Seite "Forderungen" öffnen'> Forderungen </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b "><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/flaechenschutz/hintergrund" title='Seite "Hintergrund" öffnen'> Hintergrund </a></li></ul></div></div><div id="panel-26501" class="absolute w-full transform left-0 right-0 transition-opacity duration-300 lg:duration-700" x-show="panelId === 26501" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><div class="container"><button @click="togglePanel(1, 'slideOut')" title="Zurück zum Startmenü" class="lg:hidden w-full mt-3 text-left text-sm font-bold text-gray-500 hover:text-green-600 transition-colors duration-300"> Hauptmenü </button><div class="flex justify-between mt-3 lg:mt-12 lg:mb-3"><div class="flex flex-col lg:flex-row flex-grow"><button @click="togglePanel(5, 'slideOut')" title="Zurück zur höheren Menüebene" class="group inline-flex flex-none h-10 lg:h-12 w-full lg:w-12 px-2 bg-white lg:justify-center items-center align-top mr-2 lg:mt-1 lg:mb-1 "><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.921" height="24" viewBox="0 0 11.921 24" class="h-3 w-3 lg:h-auto lg:w-auto fill-current duration-200 text-green-500 lg:mr-0 group-hover:text-green-600"><defs><clipPath id="back-arrow-a"><rect width="24" height="11.921" fill="none"/></clipPath></defs><g transform="translate(11.921) rotate(90)" clip-path="url(#back-arrow-a)"><path d="M-4.532,0-16.479,6.974-28.532,0V3.921l12.21,8,11.79-8Z" transform="translate(28.532)"/></g></svg><span class="lg:hidden ml-2 text-sm font-bold text-gray-500 text-left leading-extra-tight"> Themen</span></button><div class="hidden lg:block flex-grow relative"><div><ul class="flex flex-col lg:flex-row mt-4 lg:mt-0" id="breadcrumb-26501"><li class=" inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(5, 'slideOut')" title='Unterseiten von "Themen" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500 lg:text-green-600"> Themen <span class="hidden lg:inline-block"> ›</span></button></li><li class="pointer-events-none inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(26501, 'slideOut')" title='Unterseiten von "Landwirtschaft" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500"> Landwirtschaft </button></li></ul></div></div></div><button @click="closePanels()" title="Menü schließen" class="group hidden lg:inline-flex bg-white w-12 h-12 align-top items-center justify-center bg-white my-1 hover:bg-green-500 duration-200"><svg class="w-4 h-4 fill-current text-green-500 group-hover:text-white" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M8.35,7.06l5.21-5.22a1,1,0,0,0,.26-1.4,1,1,0,0,0-1.63,0L7,5.63,1.71.41A1,1,0,0,0,.29.41a1,1,0,0,0,0,1.43L5.51,7.06.3,12.27a1,1,0,0,0,0,1.43,1,1,0,0,0,1.42,0L6.93,8.48l5.26,5.23a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.43Z" transform="translate(0 0)"/></svg><span class="sr-only">Menü schließen</span></button></div><div class="hidden lg:block menu-separator w-full h-4 overflow-hidden"></div></div><div class="js-panel-list relative transform transition-transform duration-300 lg:duration-700 container"><p class="lg:hidden font-bold text-lg font-serif text-gray-500 mt-4 mb-2">Landwirtschaft</p><ul class="lg:grid grid-cols-3 grid-flow-col grid-rows-5 lg:gap-x-8 lg:mb-8"><li class="col-span-1 group flex justify-between items-center border-t border-b lg:border-t-0 text-left hover:bg-white transition transition-colors duration-100"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/landwirtschaft" title='Seite "Landwirtschaft" öffnen'> Übersicht </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/landwirtschaft/gentechnik-und-landwirtschaft" title='Seite "Gentechnik und Landwirtschaft" öffnen'> Gentechnik und Landwirtschaft </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/landwirtschaft/wiesenmeisterschaft" title='Seite "Wiesenmeisterschaft" öffnen'> Wiesenmeisterschaft </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/landwirtschaft/artenvielfalt-und-landwirtschaft" title='Seite "Artenvielfalt und Landwirtschaft" öffnen'> Artenvielfalt und Landwirtschaft </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/landwirtschaft/agrarpolitik" title='Seite "Agrarpolitik" öffnen'> Agrarpolitik </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/landwirtschaft/biolandwirtschaft-in-bayern" title='Seite "Biolandwirtschaft in Bayern" öffnen'> Biolandwirtschaft in Bayern </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/landwirtschaft/nitrat-im-grundwasser" title='Seite "Nitrat im Grundwasser" öffnen'> Nitrat im Grundwasser </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/landwirtschaft/massentierhaltung" title='Seite "Massentierhaltung" öffnen'> Massentierhaltung </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/landwirtschaft/artgerechte-tierhaltung" title='Seite "Artgerechte Tierhaltung" öffnen'> Artgerechte Tierhaltung </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/landwirtschaft/klimawandel-und-landwirtschaft" title='Seite "Klimawandel und Landwirtschaft" öffnen'> Klimawandel und Landwirtschaft </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/landwirtschaft/boden-und-landwirtschaft" title='Seite "Boden und Landwirtschaft" öffnen'> Boden und Landwirtschaft </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/landwirtschaft/glyphosat" title='Seite "Glyphosat" öffnen'> Glyphosat </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b "><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/landwirtschaft/ernaehrung-und-landwirtschaft" title='Seite "Ernährung und Landwirtschaft" öffnen'> Ernährung und Landwirtschaft </a></li></ul></div></div><div id="panel-24338" class="absolute w-full transform left-0 right-0 transition-opacity duration-300 lg:duration-700" x-show="panelId === 24338" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><div class="container"><button @click="togglePanel(1, 'slideOut')" title="Zurück zum Startmenü" class="lg:hidden w-full mt-3 text-left text-sm font-bold text-gray-500 hover:text-green-600 transition-colors duration-300"> Hauptmenü </button><div class="flex justify-between mt-3 lg:mt-12 lg:mb-3"><div class="flex flex-col lg:flex-row flex-grow"><button @click="togglePanel(5, 'slideOut')" title="Zurück zur höheren Menüebene" class="group inline-flex flex-none h-10 lg:h-12 w-full lg:w-12 px-2 bg-white lg:justify-center items-center align-top mr-2 lg:mt-1 lg:mb-1 "><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.921" height="24" viewBox="0 0 11.921 24" class="h-3 w-3 lg:h-auto lg:w-auto fill-current duration-200 text-green-500 lg:mr-0 group-hover:text-green-600"><defs><clipPath id="back-arrow-a"><rect width="24" height="11.921" fill="none"/></clipPath></defs><g transform="translate(11.921) rotate(90)" clip-path="url(#back-arrow-a)"><path d="M-4.532,0-16.479,6.974-28.532,0V3.921l12.21,8,11.79-8Z" transform="translate(28.532)"/></g></svg><span class="lg:hidden ml-2 text-sm font-bold text-gray-500 text-left leading-extra-tight"> Themen</span></button><div class="hidden lg:block flex-grow relative"><div><ul class="flex flex-col lg:flex-row mt-4 lg:mt-0" id="breadcrumb-24338"><li class=" inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(5, 'slideOut')" title='Unterseiten von "Themen" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500 lg:text-green-600"> Themen <span class="hidden lg:inline-block"> ›</span></button></li><li class="pointer-events-none inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(24338, 'slideOut')" title='Unterseiten von "Mobilität" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500"> Mobilität </button></li></ul></div></div></div><button @click="closePanels()" title="Menü schließen" class="group hidden lg:inline-flex bg-white w-12 h-12 align-top items-center justify-center bg-white my-1 hover:bg-green-500 duration-200"><svg class="w-4 h-4 fill-current text-green-500 group-hover:text-white" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M8.35,7.06l5.21-5.22a1,1,0,0,0,.26-1.4,1,1,0,0,0-1.63,0L7,5.63,1.71.41A1,1,0,0,0,.29.41a1,1,0,0,0,0,1.43L5.51,7.06.3,12.27a1,1,0,0,0,0,1.43,1,1,0,0,0,1.42,0L6.93,8.48l5.26,5.23a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.43Z" transform="translate(0 0)"/></svg><span class="sr-only">Menü schließen</span></button></div><div class="hidden lg:block menu-separator w-full h-4 overflow-hidden"></div></div><div class="js-panel-list relative transform transition-transform duration-300 lg:duration-700 container"><p class="lg:hidden font-bold text-lg font-serif text-gray-500 mt-4 mb-2">Mobilität</p><ul class="lg:grid grid-cols-3 grid-flow-col grid-rows-4 lg:gap-x-8 lg:mb-8"><li class="col-span-1 group flex justify-between items-center border-t border-b lg:border-t-0 text-left hover:bg-white transition transition-colors duration-100"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/mobilitaet" title='Seite "Mobilität" öffnen'> Übersicht </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/mobilitaet/autoverkehr" title='Seite "Autoverkehr" öffnen'> Autoverkehr </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/mobilitaet/bus-und-bahn" title='Seite "Bus und Bahn" öffnen'> Bus und Bahn </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/mobilitaet/fussgaenger" title='Seite "Fussgänger" öffnen'> Fussgänger </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/mobilitaet/radverkehr" title='Seite "Radverkehr" öffnen'> Radverkehr </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/mobilitaet/luftverkehr" title='Seite "Luftverkehr" öffnen'> Luftverkehr </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/mobilitaet/gueterverkehr" title='Seite "Güterverkehr" öffnen'> Güterverkehr </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/mobilitaet/schifffahrt" title='Seite "Schifffahrt" öffnen'> Schifffahrt </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/mobilitaet/eu-verkehrspolitik" title='Seite "EU-Verkehrspolitik" öffnen'> EU-Verkehrspolitik </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/mobilitaet/positiv-beispiele" title='Seite "Positiv-Beispiele" öffnen'> Positiv-Beispiele </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b "><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/mobilitaet/stadt-fairteilen" title='Seite "Stadt FAIRteilen" öffnen'> Stadt FAIRteilen </a></li></ul></div></div><div id="panel-1496" class="absolute w-full transform left-0 right-0 transition-opacity duration-300 lg:duration-700" x-show="panelId === 1496" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><div class="container"><button @click="togglePanel(1, 'slideOut')" title="Zurück zum Startmenü" class="lg:hidden w-full mt-3 text-left text-sm font-bold text-gray-500 hover:text-green-600 transition-colors duration-300"> Hauptmenü </button><div class="flex justify-between mt-3 lg:mt-12 lg:mb-3"><div class="flex flex-col lg:flex-row flex-grow"><button @click="togglePanel(5, 'slideOut')" title="Zurück zur höheren Menüebene" class="group inline-flex flex-none h-10 lg:h-12 w-full lg:w-12 px-2 bg-white lg:justify-center items-center align-top mr-2 lg:mt-1 lg:mb-1 "><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.921" height="24" viewBox="0 0 11.921 24" class="h-3 w-3 lg:h-auto lg:w-auto fill-current duration-200 text-green-500 lg:mr-0 group-hover:text-green-600"><defs><clipPath id="back-arrow-a"><rect width="24" height="11.921" fill="none"/></clipPath></defs><g transform="translate(11.921) rotate(90)" clip-path="url(#back-arrow-a)"><path d="M-4.532,0-16.479,6.974-28.532,0V3.921l12.21,8,11.79-8Z" transform="translate(28.532)"/></g></svg><span class="lg:hidden ml-2 text-sm font-bold text-gray-500 text-left leading-extra-tight"> Themen</span></button><div class="hidden lg:block flex-grow relative"><div><ul class="flex flex-col lg:flex-row mt-4 lg:mt-0" id="breadcrumb-1496"><li class=" inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(5, 'slideOut')" title='Unterseiten von "Themen" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500 lg:text-green-600"> Themen <span class="hidden lg:inline-block"> ›</span></button></li><li class="pointer-events-none inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(1496, 'slideOut')" title='Unterseiten von "Mobilfunk" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500"> Mobilfunk </button></li></ul></div></div></div><button @click="closePanels()" title="Menü schließen" class="group hidden lg:inline-flex bg-white w-12 h-12 align-top items-center justify-center bg-white my-1 hover:bg-green-500 duration-200"><svg class="w-4 h-4 fill-current text-green-500 group-hover:text-white" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M8.35,7.06l5.21-5.22a1,1,0,0,0,.26-1.4,1,1,0,0,0-1.63,0L7,5.63,1.71.41A1,1,0,0,0,.29.41a1,1,0,0,0,0,1.43L5.51,7.06.3,12.27a1,1,0,0,0,0,1.43,1,1,0,0,0,1.42,0L6.93,8.48l5.26,5.23a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.43Z" transform="translate(0 0)"/></svg><span class="sr-only">Menü schließen</span></button></div><div class="hidden lg:block menu-separator w-full h-4 overflow-hidden"></div></div><div class="js-panel-list relative transform transition-transform duration-300 lg:duration-700 container"><p class="lg:hidden font-bold text-lg font-serif text-gray-500 mt-4 mb-2">Mobilfunk</p><ul class="lg:grid grid-cols-3 grid-flow-col grid-rows-3 lg:gap-x-8 lg:mb-8"><li class="col-span-1 group flex justify-between items-center border-t border-b lg:border-t-0 text-left hover:bg-white transition transition-colors duration-100"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/mobilfunk" title='Seite "Mobilfunk" öffnen'> Übersicht </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/mobilfunk/leben-und-funk" title='Seite "Leben und Funk" öffnen'> Leben und Funk </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/mobilfunk/die-wohnung-und-ihre-umgebung" title='Seite "Die Wohnung und ihre Umgebung" öffnen'> Die Wohnung und ihre Umgebung </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/mobilfunk/telefongeraete" title='Seite "Telefongeräte" öffnen'> Telefongeräte </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/mobilfunk/bn-informiert" title='Seite "BN informiert" öffnen'> BN informiert </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/mobilfunk/bund-informiert" title='Seite "BUND informiert" öffnen'> BUND informiert </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b "><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/mobilfunk/tipps" title='Seite "Tipps" öffnen'> Tipps </a></li></ul></div></div><div id="panel-1426" class="absolute w-full transform left-0 right-0 transition-opacity duration-300 lg:duration-700" x-show="panelId === 1426" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><div class="container"><button @click="togglePanel(1, 'slideOut')" title="Zurück zum Startmenü" class="lg:hidden w-full mt-3 text-left text-sm font-bold text-gray-500 hover:text-green-600 transition-colors duration-300"> Hauptmenü </button><div class="flex justify-between mt-3 lg:mt-12 lg:mb-3"><div class="flex flex-col lg:flex-row flex-grow"><button @click="togglePanel(5, 'slideOut')" title="Zurück zur höheren Menüebene" class="group inline-flex flex-none h-10 lg:h-12 w-full lg:w-12 px-2 bg-white lg:justify-center items-center align-top mr-2 lg:mt-1 lg:mb-1 "><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.921" height="24" viewBox="0 0 11.921 24" class="h-3 w-3 lg:h-auto lg:w-auto fill-current duration-200 text-green-500 lg:mr-0 group-hover:text-green-600"><defs><clipPath id="back-arrow-a"><rect width="24" height="11.921" fill="none"/></clipPath></defs><g transform="translate(11.921) rotate(90)" clip-path="url(#back-arrow-a)"><path d="M-4.532,0-16.479,6.974-28.532,0V3.921l12.21,8,11.79-8Z" transform="translate(28.532)"/></g></svg><span class="lg:hidden ml-2 text-sm font-bold text-gray-500 text-left leading-extra-tight"> Themen</span></button><div class="hidden lg:block flex-grow relative"><div><ul class="flex flex-col lg:flex-row mt-4 lg:mt-0" id="breadcrumb-1426"><li class=" inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(5, 'slideOut')" title='Unterseiten von "Themen" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500 lg:text-green-600"> Themen <span class="hidden lg:inline-block"> ›</span></button></li><li class="pointer-events-none inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(1426, 'slideOut')" title='Unterseiten von "Natur und Landschaft" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500"> Natur und Landschaft </button></li></ul></div></div></div><button @click="closePanels()" title="Menü schließen" class="group hidden lg:inline-flex bg-white w-12 h-12 align-top items-center justify-center bg-white my-1 hover:bg-green-500 duration-200"><svg class="w-4 h-4 fill-current text-green-500 group-hover:text-white" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M8.35,7.06l5.21-5.22a1,1,0,0,0,.26-1.4,1,1,0,0,0-1.63,0L7,5.63,1.71.41A1,1,0,0,0,.29.41a1,1,0,0,0,0,1.43L5.51,7.06.3,12.27a1,1,0,0,0,0,1.43,1,1,0,0,0,1.42,0L6.93,8.48l5.26,5.23a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.43Z" transform="translate(0 0)"/></svg><span class="sr-only">Menü schließen</span></button></div><div class="hidden lg:block menu-separator w-full h-4 overflow-hidden"></div></div><div class="js-panel-list relative transform transition-transform duration-300 lg:duration-700 container"><p class="lg:hidden font-bold text-lg font-serif text-gray-500 mt-4 mb-2">Natur und Landschaft</p><ul class="lg:grid grid-cols-3 grid-flow-col grid-rows-3 lg:gap-x-8 lg:mb-8"><li class="col-span-1 group flex justify-between items-center border-t border-b lg:border-t-0 text-left hover:bg-white transition transition-colors duration-100"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/natur-und-landschaft" title='Seite "Natur und Landschaft" öffnen'> Übersicht </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/natur-und-landschaft/fluesse-und-auen-in-bayern" title='Seite "Flüsse und Auen in Bayern" öffnen'> Flüsse und Auen in Bayern </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/natur-und-landschaft/moore-in-bayern" title='Seite "Moore in Bayern" öffnen'> Moore in Bayern </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/natur-und-landschaft/quellen-in-bayern" title='Seite "Quellen in Bayern" öffnen'> Quellen in Bayern </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/natur-und-landschaft/seen-als-lebensraum" title='Seite "Seen als Lebensraum" öffnen'> Seen als Lebensraum </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/natur-und-landschaft/stadt-als-lebensraum" title='Seite "Stadt als Lebensraum" öffnen'> Stadt als Lebensraum </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/natur-und-landschaft/wald-in-bayern" title='Seite "Wald in Bayern" öffnen'> Wald in Bayern </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b "><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/natur-und-landschaft/wiesen-und-weiden-in-bayern" title='Seite "Wiesen und Weiden in Bayern" öffnen'> Wiesen und Weiden in Bayern </a></li></ul><div class="menu-separator mb-4 md:mb-10 lg:mt-13 lg:mb-0 w-full h-4 overflow-hidden"></div><ul class="lg:grid grid-cols-3 grid-flow-col grid-rows-2 lg:gap-x-8 lg:mb-8"><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/natur-und-landschaft/dritter-nationalpark" title='Seite "Dritter Nationalpark" öffnen'> Dritter Nationalpark </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/natur-und-landschaft/gruenes-band" title='Seite "Grünes Band" öffnen'> Grünes Band </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/natur-und-landschaft/default-459980d4a6" title='Seite "" öffnen'></a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b row-start-1 "><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/natur-und-landschaft/sandachse-franken" title='Seite "SandAchse Franken" öffnen'> SandAchse Franken </a></li></ul></div></div><div id="panel-17715" class="absolute w-full transform left-0 right-0 transition-opacity duration-300 lg:duration-700" x-show="panelId === 17715" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><div class="container"><button @click="togglePanel(1, 'slideOut')" title="Zurück zum Startmenü" class="lg:hidden w-full mt-3 text-left text-sm font-bold text-gray-500 hover:text-green-600 transition-colors duration-300"> Hauptmenü </button><div class="flex justify-between mt-3 lg:mt-12 lg:mb-3"><div class="flex flex-col lg:flex-row flex-grow"><button @click="togglePanel(5, 'slideOut')" title="Zurück zur höheren Menüebene" class="group inline-flex flex-none h-10 lg:h-12 w-full lg:w-12 px-2 bg-white lg:justify-center items-center align-top mr-2 lg:mt-1 lg:mb-1 "><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.921" height="24" viewBox="0 0 11.921 24" class="h-3 w-3 lg:h-auto lg:w-auto fill-current duration-200 text-green-500 lg:mr-0 group-hover:text-green-600"><defs><clipPath id="back-arrow-a"><rect width="24" height="11.921" fill="none"/></clipPath></defs><g transform="translate(11.921) rotate(90)" clip-path="url(#back-arrow-a)"><path d="M-4.532,0-16.479,6.974-28.532,0V3.921l12.21,8,11.79-8Z" transform="translate(28.532)"/></g></svg><span class="lg:hidden ml-2 text-sm font-bold text-gray-500 text-left leading-extra-tight"> Themen</span></button><div class="hidden lg:block flex-grow relative"><div><ul class="flex flex-col lg:flex-row mt-4 lg:mt-0" id="breadcrumb-17715"><li class=" inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(5, 'slideOut')" title='Unterseiten von "Themen" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500 lg:text-green-600"> Themen <span class="hidden lg:inline-block"> ›</span></button></li><li class="pointer-events-none inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(17715, 'slideOut')" title='Unterseiten von "Tiere und Pflanzen" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500"> Tiere und Pflanzen </button></li></ul></div></div></div><button @click="closePanels()" title="Menü schließen" class="group hidden lg:inline-flex bg-white w-12 h-12 align-top items-center justify-center bg-white my-1 hover:bg-green-500 duration-200"><svg class="w-4 h-4 fill-current text-green-500 group-hover:text-white" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M8.35,7.06l5.21-5.22a1,1,0,0,0,.26-1.4,1,1,0,0,0-1.63,0L7,5.63,1.71.41A1,1,0,0,0,.29.41a1,1,0,0,0,0,1.43L5.51,7.06.3,12.27a1,1,0,0,0,0,1.43,1,1,0,0,0,1.42,0L6.93,8.48l5.26,5.23a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.43Z" transform="translate(0 0)"/></svg><span class="sr-only">Menü schließen</span></button></div><div class="hidden lg:block menu-separator w-full h-4 overflow-hidden"></div></div><div class="js-panel-list relative transform transition-transform duration-300 lg:duration-700 container"><p class="lg:hidden font-bold text-lg font-serif text-gray-500 mt-4 mb-2">Tiere und Pflanzen</p><ul class="lg:grid grid-cols-3 grid-flow-col grid-rows-2 lg:gap-x-8 lg:mb-8"><li class="col-span-1 group flex justify-between items-center border-t border-b lg:border-t-0 text-left hover:bg-white transition transition-colors duration-100"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/tiere-und-pflanzen" title='Seite "Tiere und Pflanzen" öffnen'> Übersicht </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><button @click="togglePanel(17717, 'slideIn')" class="p-3 text-sm text-left transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center justify-between lg:justify-start text-gray-700" title='Unterseiten von "Tiere in Bayern" anzeigen'> Tiere in Bayern<span class="text-green-700 ml-2 inline-block font-bold">›</span></button></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><button @click="togglePanel(17719, 'slideIn')" class="p-3 text-sm text-left transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center justify-between lg:justify-start text-gray-700" title='Unterseiten von "Pflanzen in Bayern" anzeigen'> Pflanzen in Bayern<span class="text-green-700 ml-2 inline-block font-bold">›</span></button></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/artenschutz-in-bayern" title='Seite "Artenschutz in Bayern" öffnen'> Artenschutz in Bayern </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b "><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/volksbegehren-artenvielfalt-aktueller-stand" title='Seite "Volksbegehren Artenvielfalt: aktueller Stand" öffnen'> Volksbegehren Artenvielfalt: aktueller Stand </a></li></ul></div></div><div id="panel-17717" class="absolute w-full transform left-0 right-0 transition-opacity duration-300 lg:duration-700" x-show="panelId === 17717" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><div class="container"><button @click="togglePanel(1, 'slideOut')" title="Zurück zum Startmenü" class="lg:hidden w-full mt-3 text-left text-sm font-bold text-gray-500 hover:text-green-600 transition-colors duration-300"> Hauptmenü </button><div class="flex justify-between mt-3 lg:mt-12 lg:mb-3"><div class="flex flex-col lg:flex-row flex-grow"><button @click="togglePanel(17715, 'slideOut')" title="Zurück zur höheren Menüebene" class="group inline-flex flex-none h-10 lg:h-12 w-full lg:w-12 px-2 bg-white lg:justify-center items-center align-top mr-2 lg:mt-1 lg:mb-1 "><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.921" height="24" viewBox="0 0 11.921 24" class="h-3 w-3 lg:h-auto lg:w-auto fill-current duration-200 text-green-500 lg:mr-0 group-hover:text-green-600"><defs><clipPath id="back-arrow-a"><rect width="24" height="11.921" fill="none"/></clipPath></defs><g transform="translate(11.921) rotate(90)" clip-path="url(#back-arrow-a)"><path d="M-4.532,0-16.479,6.974-28.532,0V3.921l12.21,8,11.79-8Z" transform="translate(28.532)"/></g></svg><span class="lg:hidden ml-2 text-sm font-bold text-gray-500 text-left leading-extra-tight"> Tiere und Pflanzen</span></button><div class="hidden lg:block flex-grow relative"><div><ul class="flex flex-col lg:flex-row mt-4 lg:mt-0" id="breadcrumb-17717"><li class=" inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(5, 'slideOut')" title='Unterseiten von "Themen" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500 lg:text-green-600"> Themen <span class="hidden lg:inline-block"> ›</span></button></li><li class=" inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(17715, 'slideOut')" title='Unterseiten von "Tiere und Pflanzen" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500 lg:text-green-600"> Tiere und Pflanzen <span class="hidden lg:inline-block"> ›</span></button></li><li class="pointer-events-none inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(17717, 'slideOut')" title='Unterseiten von "Tiere in Bayern" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500"> Tiere in Bayern </button></li></ul></div></div></div><button @click="closePanels()" title="Menü schließen" class="group hidden lg:inline-flex bg-white w-12 h-12 align-top items-center justify-center bg-white my-1 hover:bg-green-500 duration-200"><svg class="w-4 h-4 fill-current text-green-500 group-hover:text-white" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M8.35,7.06l5.21-5.22a1,1,0,0,0,.26-1.4,1,1,0,0,0-1.63,0L7,5.63,1.71.41A1,1,0,0,0,.29.41a1,1,0,0,0,0,1.43L5.51,7.06.3,12.27a1,1,0,0,0,0,1.43,1,1,0,0,0,1.42,0L6.93,8.48l5.26,5.23a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.43Z" transform="translate(0 0)"/></svg><span class="sr-only">Menü schließen</span></button></div><div class="hidden lg:block menu-separator w-full h-4 overflow-hidden"></div></div><div class="js-panel-list relative transform transition-transform duration-300 lg:duration-700 container"><p class="lg:hidden font-bold text-lg font-serif text-gray-500 mt-4 mb-2">Tiere in Bayern</p><ul class="lg:grid grid-cols-3 grid-flow-col grid-rows-4 lg:gap-x-8 lg:mb-8"><li class="col-span-1 group flex justify-between items-center border-t border-b lg:border-t-0 text-left hover:bg-white transition transition-colors duration-100"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/tiere-in-bayern" title='Seite "Tiere in Bayern" öffnen'> Übersicht </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/tiere-in-bayern/amphibien" title='Seite "Amphibien" öffnen'> Amphibien </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/tiere-in-bayern/biber" title='Seite "Biber" öffnen'> Biber </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/tiere-in-bayern/braunbaer" title='Seite "Braunbär" öffnen'> Braunbär </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/tiere-in-bayern/eichhoernchen" title='Seite "Eichhörnchen" öffnen'> Eichhörnchen </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/tiere-in-bayern/fischotter" title='Seite "Fischotter" öffnen'> Fischotter </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/tiere-in-bayern/gartenschlaefer" title='Seite "Gartenschläfer" öffnen'> Gartenschläfer </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/tiere-in-bayern/libellen" title='Seite "Libellen" öffnen'> Libellen </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/tiere-in-bayern/luchs" title='Seite "Luchs" öffnen'> Luchs </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/tiere-in-bayern/wildbienen" title='Seite "Wildbienen" öffnen'> Wildbienen </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/tiere-in-bayern/wildkatze" title='Seite "Wildkatze" öffnen'> Wildkatze </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b "><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/tiere-in-bayern/wolf" title='Seite "Wolf" öffnen'> Wolf </a></li></ul></div></div><div id="panel-17719" class="absolute w-full transform left-0 right-0 transition-opacity duration-300 lg:duration-700" x-show="panelId === 17719" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><div class="container"><button @click="togglePanel(1, 'slideOut')" title="Zurück zum Startmenü" class="lg:hidden w-full mt-3 text-left text-sm font-bold text-gray-500 hover:text-green-600 transition-colors duration-300"> Hauptmenü </button><div class="flex justify-between mt-3 lg:mt-12 lg:mb-3"><div class="flex flex-col lg:flex-row flex-grow"><button @click="togglePanel(17715, 'slideOut')" title="Zurück zur höheren Menüebene" class="group inline-flex flex-none h-10 lg:h-12 w-full lg:w-12 px-2 bg-white lg:justify-center items-center align-top mr-2 lg:mt-1 lg:mb-1 "><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.921" height="24" viewBox="0 0 11.921 24" class="h-3 w-3 lg:h-auto lg:w-auto fill-current duration-200 text-green-500 lg:mr-0 group-hover:text-green-600"><defs><clipPath id="back-arrow-a"><rect width="24" height="11.921" fill="none"/></clipPath></defs><g transform="translate(11.921) rotate(90)" clip-path="url(#back-arrow-a)"><path d="M-4.532,0-16.479,6.974-28.532,0V3.921l12.21,8,11.79-8Z" transform="translate(28.532)"/></g></svg><span class="lg:hidden ml-2 text-sm font-bold text-gray-500 text-left leading-extra-tight"> Tiere und Pflanzen</span></button><div class="hidden lg:block flex-grow relative"><div><ul class="flex flex-col lg:flex-row mt-4 lg:mt-0" id="breadcrumb-17719"><li class=" inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(5, 'slideOut')" title='Unterseiten von "Themen" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500 lg:text-green-600"> Themen <span class="hidden lg:inline-block"> ›</span></button></li><li class=" inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(17715, 'slideOut')" title='Unterseiten von "Tiere und Pflanzen" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500 lg:text-green-600"> Tiere und Pflanzen <span class="hidden lg:inline-block"> ›</span></button></li><li class="pointer-events-none inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(17719, 'slideOut')" title='Unterseiten von "Pflanzen in Bayern" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500"> Pflanzen in Bayern </button></li></ul></div></div></div><button @click="closePanels()" title="Menü schließen" class="group hidden lg:inline-flex bg-white w-12 h-12 align-top items-center justify-center bg-white my-1 hover:bg-green-500 duration-200"><svg class="w-4 h-4 fill-current text-green-500 group-hover:text-white" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M8.35,7.06l5.21-5.22a1,1,0,0,0,.26-1.4,1,1,0,0,0-1.63,0L7,5.63,1.71.41A1,1,0,0,0,.29.41a1,1,0,0,0,0,1.43L5.51,7.06.3,12.27a1,1,0,0,0,0,1.43,1,1,0,0,0,1.42,0L6.93,8.48l5.26,5.23a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.43Z" transform="translate(0 0)"/></svg><span class="sr-only">Menü schließen</span></button></div><div class="hidden lg:block menu-separator w-full h-4 overflow-hidden"></div></div><div class="js-panel-list relative transform transition-transform duration-300 lg:duration-700 container"><p class="lg:hidden font-bold text-lg font-serif text-gray-500 mt-4 mb-2">Pflanzen in Bayern</p><ul class="lg:grid grid-cols-3 grid-flow-col grid-rows-2 lg:gap-x-8 lg:mb-8"><li class="col-span-1 group flex justify-between items-center border-t border-b lg:border-t-0 text-left hover:bg-white transition transition-colors duration-100"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/pflanzen-in-bayern" title='Seite "Pflanzen in Bayern" öffnen'> Übersicht </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/pflanzen-in-bayern/bayerisches-loeffelkraut" title='Seite "Bayerisches Löffelkraut" öffnen'> Bayerisches Löffelkraut </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/pflanzen-in-bayern/breitblaettriges-knabenkraut" title='Seite "Breitblättriges Knabenkraut" öffnen'> Breitblättriges Knabenkraut </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/pflanzen-in-bayern/europaeische-eibe-naturschutz" title='Seite "Europäische Eibe" öffnen'> Europäische Eibe </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b "><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/pflanzen-in-bayern/gelber-frauenschuh-orchidee" title='Seite "Gelber Frauenschuh" öffnen'> Gelber Frauenschuh </a></li></ul></div></div><div id="panel-18091" class="absolute w-full transform left-0 right-0 transition-opacity duration-300 lg:duration-700" x-show="panelId === 18091" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><div class="container"><button @click="togglePanel(1, 'slideOut')" title="Zurück zum Startmenü" class="lg:hidden w-full mt-3 text-left text-sm font-bold text-gray-500 hover:text-green-600 transition-colors duration-300"> Hauptmenü </button><div class="flex justify-between mt-3 lg:mt-12 lg:mb-3"><div class="flex flex-col lg:flex-row flex-grow"><button @click="togglePanel(5, 'slideOut')" title="Zurück zur höheren Menüebene" class="group inline-flex flex-none h-10 lg:h-12 w-full lg:w-12 px-2 bg-white lg:justify-center items-center align-top mr-2 lg:mt-1 lg:mb-1 "><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.921" height="24" viewBox="0 0 11.921 24" class="h-3 w-3 lg:h-auto lg:w-auto fill-current duration-200 text-green-500 lg:mr-0 group-hover:text-green-600"><defs><clipPath id="back-arrow-a"><rect width="24" height="11.921" fill="none"/></clipPath></defs><g transform="translate(11.921) rotate(90)" clip-path="url(#back-arrow-a)"><path d="M-4.532,0-16.479,6.974-28.532,0V3.921l12.21,8,11.79-8Z" transform="translate(28.532)"/></g></svg><span class="lg:hidden ml-2 text-sm font-bold text-gray-500 text-left leading-extra-tight"> Themen</span></button><div class="hidden lg:block flex-grow relative"><div><ul class="flex flex-col lg:flex-row mt-4 lg:mt-0" id="breadcrumb-18091"><li class=" inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(5, 'slideOut')" title='Unterseiten von "Themen" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500 lg:text-green-600"> Themen <span class="hidden lg:inline-block"> ›</span></button></li><li class="pointer-events-none inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(18091, 'slideOut')" title='Unterseiten von "Umweltpolitik" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500"> Umweltpolitik </button></li></ul></div></div></div><button @click="closePanels()" title="Menü schließen" class="group hidden lg:inline-flex bg-white w-12 h-12 align-top items-center justify-center bg-white my-1 hover:bg-green-500 duration-200"><svg class="w-4 h-4 fill-current text-green-500 group-hover:text-white" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M8.35,7.06l5.21-5.22a1,1,0,0,0,.26-1.4,1,1,0,0,0-1.63,0L7,5.63,1.71.41A1,1,0,0,0,.29.41a1,1,0,0,0,0,1.43L5.51,7.06.3,12.27a1,1,0,0,0,0,1.43,1,1,0,0,0,1.42,0L6.93,8.48l5.26,5.23a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.43Z" transform="translate(0 0)"/></svg><span class="sr-only">Menü schließen</span></button></div><div class="hidden lg:block menu-separator w-full h-4 overflow-hidden"></div></div><div class="js-panel-list relative transform transition-transform duration-300 lg:duration-700 container"><p class="lg:hidden font-bold text-lg font-serif text-gray-500 mt-4 mb-2">Umweltpolitik</p><ul class="lg:grid grid-cols-3 lg:gap-x-8 lg:mb-8"><li class="col-span-1 group flex justify-between items-center border-t border-b lg:border-t-0 text-left hover:bg-white transition transition-colors duration-100"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/umweltpolitik" title='Seite "Umweltpolitik" öffnen'> Übersicht </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/umweltpolitik/forderungen-an-die-neue-bundesregierung" title='Seite "Forderungen an die neue Bundesregierung" öffnen'> Forderungen an die neue Bundesregierung </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b "><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/umweltpolitik/migration" title='Seite "Migration" öffnen'> Migration </a></li></ul></div></div><div id="panel-1416" class="absolute w-full transform left-0 right-0 transition-opacity duration-300 lg:duration-700" x-show="panelId === 1416" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><div class="container"><button @click="togglePanel(1, 'slideOut')" title="Zurück zum Startmenü" class="lg:hidden w-full mt-3 text-left text-sm font-bold text-gray-500 hover:text-green-600 transition-colors duration-300"> Hauptmenü </button><div class="flex justify-between mt-3 lg:mt-12 lg:mb-3"><div class="flex flex-col lg:flex-row flex-grow"><button @click="togglePanel(5, 'slideOut')" title="Zurück zur höheren Menüebene" class="group inline-flex flex-none h-10 lg:h-12 w-full lg:w-12 px-2 bg-white lg:justify-center items-center align-top mr-2 lg:mt-1 lg:mb-1 "><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.921" height="24" viewBox="0 0 11.921 24" class="h-3 w-3 lg:h-auto lg:w-auto fill-current duration-200 text-green-500 lg:mr-0 group-hover:text-green-600"><defs><clipPath id="back-arrow-a"><rect width="24" height="11.921" fill="none"/></clipPath></defs><g transform="translate(11.921) rotate(90)" clip-path="url(#back-arrow-a)"><path d="M-4.532,0-16.479,6.974-28.532,0V3.921l12.21,8,11.79-8Z" transform="translate(28.532)"/></g></svg><span class="lg:hidden ml-2 text-sm font-bold text-gray-500 text-left leading-extra-tight"> Themen</span></button><div class="hidden lg:block flex-grow relative"><div><ul class="flex flex-col lg:flex-row mt-4 lg:mt-0" id="breadcrumb-1416"><li class=" inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(5, 'slideOut')" title='Unterseiten von "Themen" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500 lg:text-green-600"> Themen <span class="hidden lg:inline-block"> ›</span></button></li><li class="pointer-events-none inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(1416, 'slideOut')" title='Unterseiten von "Wald" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500"> Wald </button></li></ul></div></div></div><button @click="closePanels()" title="Menü schließen" class="group hidden lg:inline-flex bg-white w-12 h-12 align-top items-center justify-center bg-white my-1 hover:bg-green-500 duration-200"><svg class="w-4 h-4 fill-current text-green-500 group-hover:text-white" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M8.35,7.06l5.21-5.22a1,1,0,0,0,.26-1.4,1,1,0,0,0-1.63,0L7,5.63,1.71.41A1,1,0,0,0,.29.41a1,1,0,0,0,0,1.43L5.51,7.06.3,12.27a1,1,0,0,0,0,1.43,1,1,0,0,0,1.42,0L6.93,8.48l5.26,5.23a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.43Z" transform="translate(0 0)"/></svg><span class="sr-only">Menü schließen</span></button></div><div class="hidden lg:block menu-separator w-full h-4 overflow-hidden"></div></div><div class="js-panel-list relative transform transition-transform duration-300 lg:duration-700 container"><p class="lg:hidden font-bold text-lg font-serif text-gray-500 mt-4 mb-2">Wald</p><ul class="lg:grid grid-cols-3 grid-flow-col grid-rows-4 lg:gap-x-8 lg:mb-8"><li class="col-span-1 group flex justify-between items-center border-t border-b lg:border-t-0 text-left hover:bg-white transition transition-colors duration-100"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wald" title='Seite "Wald" öffnen'> Übersicht </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wald/waldsterben-20" title='Seite "Waldsterben 2.0" öffnen'> Waldsterben 2.0 </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wald/naturnahe-waldwirtschaft" title='Seite "Naturnahe Waldwirtschaft" öffnen'> Naturnahe Waldwirtschaft </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wald/naturwaldverbundsystem" title='Seite "Naturwaldverbundsystem" öffnen'> Naturwaldverbundsystem </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wald/nationalpark-steigerwald" title='Seite "Nationalpark Steigerwald" öffnen'> Nationalpark Steigerwald </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/natur-und-landschaft/dritter-nationalpark" title='Seite "Dritter Nationalpark" öffnen'> Dritter Nationalpark </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/erfolge-niederlagen/nationalpark-bayerischer-wald" title='Seite "Nationalpark Bayerischer Wald" öffnen'> Nationalpark Bayerischer Wald </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wald/reichswald" title='Seite "Nürnberger Reichswald" öffnen'> Nürnberger Reichswald </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wald/jagd" title='Seite "Jagd" öffnen'> Jagd </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b "><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wald/naturholz-moebel" title='Seite "Naturholz-Möbel" öffnen'> Naturholz-Möbel </a></li></ul></div></div><div id="panel-4200" class="absolute w-full transform left-0 right-0 transition-opacity duration-300 lg:duration-700" x-show="panelId === 4200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><div class="container"><button @click="togglePanel(1, 'slideOut')" title="Zurück zum Startmenü" class="lg:hidden w-full mt-3 text-left text-sm font-bold text-gray-500 hover:text-green-600 transition-colors duration-300"> Hauptmenü </button><div class="flex justify-between mt-3 lg:mt-12 lg:mb-3"><div class="flex flex-col lg:flex-row flex-grow"><button @click="togglePanel(5, 'slideOut')" title="Zurück zur höheren Menüebene" class="group inline-flex flex-none h-10 lg:h-12 w-full lg:w-12 px-2 bg-white lg:justify-center items-center align-top mr-2 lg:mt-1 lg:mb-1 "><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.921" height="24" viewBox="0 0 11.921 24" class="h-3 w-3 lg:h-auto lg:w-auto fill-current duration-200 text-green-500 lg:mr-0 group-hover:text-green-600"><defs><clipPath id="back-arrow-a"><rect width="24" height="11.921" fill="none"/></clipPath></defs><g transform="translate(11.921) rotate(90)" clip-path="url(#back-arrow-a)"><path d="M-4.532,0-16.479,6.974-28.532,0V3.921l12.21,8,11.79-8Z" transform="translate(28.532)"/></g></svg><span class="lg:hidden ml-2 text-sm font-bold text-gray-500 text-left leading-extra-tight"> Themen</span></button><div class="hidden lg:block flex-grow relative"><div><ul class="flex flex-col lg:flex-row mt-4 lg:mt-0" id="breadcrumb-4200"><li class=" inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(5, 'slideOut')" title='Unterseiten von "Themen" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500 lg:text-green-600"> Themen <span class="hidden lg:inline-block"> ›</span></button></li><li class="pointer-events-none inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(4200, 'slideOut')" title='Unterseiten von "Wirtschaft + Umwelt" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500"> Wirtschaft + Umwelt </button></li></ul></div></div></div><button @click="closePanels()" title="Menü schließen" class="group hidden lg:inline-flex bg-white w-12 h-12 align-top items-center justify-center bg-white my-1 hover:bg-green-500 duration-200"><svg class="w-4 h-4 fill-current text-green-500 group-hover:text-white" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M8.35,7.06l5.21-5.22a1,1,0,0,0,.26-1.4,1,1,0,0,0-1.63,0L7,5.63,1.71.41A1,1,0,0,0,.29.41a1,1,0,0,0,0,1.43L5.51,7.06.3,12.27a1,1,0,0,0,0,1.43,1,1,0,0,0,1.42,0L6.93,8.48l5.26,5.23a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.43Z" transform="translate(0 0)"/></svg><span class="sr-only">Menü schließen</span></button></div><div class="hidden lg:block menu-separator w-full h-4 overflow-hidden"></div></div><div class="js-panel-list relative transform transition-transform duration-300 lg:duration-700 container"><p class="lg:hidden font-bold text-lg font-serif text-gray-500 mt-4 mb-2">Wirtschaft + Umwelt</p><ul class="lg:grid grid-cols-3 grid-flow-col grid-rows-3 lg:gap-x-8 lg:mb-8"><li class="col-span-1 group flex justify-between items-center border-t border-b lg:border-t-0 text-left hover:bg-white transition transition-colors duration-100"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wirtschaft-umwelt" title='Seite "Wirtschaft + Umwelt" öffnen'> Übersicht </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wirtschaft-umwelt/leise-gueterzuege" title='Seite "Leise Güterzüge" öffnen'> Leise Güterzüge </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wirtschaft-umwelt/abwasser-abgabengesetz" title='Seite "Abwasser-Abgabengesetz" öffnen'> Abwasser-Abgabengesetz </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wirtschaft-umwelt/bleifreies-benzin-und-katalysator" title='Seite "Bleifreies Benzin und Katalysator" öffnen'> Bleifreies Benzin und Katalysator </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wirtschaft-umwelt/hermesbuergschaft-fuer-umweltschutz" title='Seite "Hermesbürgschaft für Umweltschutz" öffnen'> Hermesbürgschaft für Umweltschutz </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wirtschaft-umwelt/oekosteuer" title='Seite "Ökosteuer" öffnen'> Ökosteuer </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wirtschaft-umwelt/schutz-der-ozonschicht" title='Seite "Schutz der Ozonschicht" öffnen'> Schutz der Ozonschicht </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wirtschaft-umwelt/verbot-des-kuerzens-von-huehnerschnaebeln" title='Seite "Verbot des Kürzens von Hühnerschnäbeln" öffnen'> Verbot des Kürzens von Hühnerschnäbeln </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b "><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wirtschaft-umwelt/wende-beim-waldsterben" title='Seite "Wende beim Waldsterben" öffnen'> Wende beim Waldsterben </a></li></ul><div class="menu-separator mb-4 md:mb-10 lg:mt-13 lg:mb-0 w-full h-4 overflow-hidden"></div><ul class="lg:grid grid-cols-3 grid-flow-col grid-rows-4 lg:gap-x-8 lg:mb-8"><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wirtschaft-umwelt/umweltschutz-muss-erst-verdient-werden" title='Seite "Umweltschutz muss erst verdient werden" öffnen'> Umweltschutz muss erst verdient werden </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wirtschaft-umwelt/arbeitsplaetze-in-der-autoindustrie" title='Seite "Arbeitsplätze in der Autoindustrie" öffnen'> Arbeitsplätze in der Autoindustrie </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wirtschaft-umwelt/arbeitsplaetze-und-autobahn" title='Seite "Arbeitsplätze und Autobahn" öffnen'> Arbeitsplätze und Autobahn </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wirtschaft-umwelt/meindl-autobahn" title='Seite "Meindl-Autobahn" öffnen'> Meindl-Autobahn </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wirtschaft-umwelt/bahn-muss-schneller-werden" title='Seite "Bahn muss schneller werden" öffnen'> Bahn muss schneller werden </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wirtschaft-umwelt/erneuerbare-energien-sind-zu-teuer" title='Seite "Erneuerbare Energien sind zu teuer" öffnen'> Erneuerbare Energien sind zu teuer </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wirtschaft-umwelt/exportnation-contra-umweltauflagen" title='Seite "Exportnation contra Umweltauflagen" öffnen'> Exportnation contra Umweltauflagen </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wirtschaft-umwelt/fehlprognosen-beim-lkw-verkehr" title='Seite "Fehlprognosen beim LKW-Verkehr" öffnen'> Fehlprognosen beim LKW-Verkehr </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wirtschaft-umwelt/fehlprognosen-beim-stromverbrauch" title='Seite "Fehlprognosen beim Stromverbrauch" öffnen'> Fehlprognosen beim Stromverbrauch </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wirtschaft-umwelt/initiativen-fuer-strassenbau" title='Seite "Initiativen für Straßenbau" öffnen'> Initiativen für Straßenbau </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wirtschaft-umwelt/wirtschaft-und-wachstum" title='Seite "Wirtschaft und Wachstum" öffnen'> Wirtschaft und Wachstum </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b "><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/wirtschaft-umwelt/gewerbesteuer" title='Seite "Gewerbesteuer" öffnen'> Gewerbesteuer </a></li></ul></div></div><div id="panel-4689" class="absolute w-full transform left-0 right-0 transition-opacity duration-300 lg:duration-700" x-show="panelId === 4689" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><div class="container"><button @click="togglePanel(1, 'slideOut')" title="Zurück zum Startmenü" class="lg:hidden w-full mt-3 text-left text-sm font-bold text-gray-500 hover:text-green-600 transition-colors duration-300"> Hauptmenü </button><div class="flex justify-between mt-3 lg:mt-12 lg:mb-3"><div class="flex flex-col lg:flex-row flex-grow"><button @click="togglePanel(5, 'slideOut')" title="Zurück zur höheren Menüebene" class="group inline-flex flex-none h-10 lg:h-12 w-full lg:w-12 px-2 bg-white lg:justify-center items-center align-top mr-2 lg:mt-1 lg:mb-1 "><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.921" height="24" viewBox="0 0 11.921 24" class="h-3 w-3 lg:h-auto lg:w-auto fill-current duration-200 text-green-500 lg:mr-0 group-hover:text-green-600"><defs><clipPath id="back-arrow-a"><rect width="24" height="11.921" fill="none"/></clipPath></defs><g transform="translate(11.921) rotate(90)" clip-path="url(#back-arrow-a)"><path d="M-4.532,0-16.479,6.974-28.532,0V3.921l12.21,8,11.79-8Z" transform="translate(28.532)"/></g></svg><span class="lg:hidden ml-2 text-sm font-bold text-gray-500 text-left leading-extra-tight"> Themen</span></button><div class="hidden lg:block flex-grow relative"><div><ul class="flex flex-col lg:flex-row mt-4 lg:mt-0" id="breadcrumb-4689"><li class=" inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(5, 'slideOut')" title='Unterseiten von "Themen" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500 lg:text-green-600"> Themen <span class="hidden lg:inline-block"> ›</span></button></li><li class="pointer-events-none inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(4689, 'slideOut')" title='Unterseiten von "Umweltbildung in Bayern" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500"> Umweltbildung in Bayern </button></li></ul></div></div></div><button @click="closePanels()" title="Menü schließen" class="group hidden lg:inline-flex bg-white w-12 h-12 align-top items-center justify-center bg-white my-1 hover:bg-green-500 duration-200"><svg class="w-4 h-4 fill-current text-green-500 group-hover:text-white" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M8.35,7.06l5.21-5.22a1,1,0,0,0,.26-1.4,1,1,0,0,0-1.63,0L7,5.63,1.71.41A1,1,0,0,0,.29.41a1,1,0,0,0,0,1.43L5.51,7.06.3,12.27a1,1,0,0,0,0,1.43,1,1,0,0,0,1.42,0L6.93,8.48l5.26,5.23a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.43Z" transform="translate(0 0)"/></svg><span class="sr-only">Menü schließen</span></button></div><div class="hidden lg:block menu-separator w-full h-4 overflow-hidden"></div></div><div class="js-panel-list relative transform transition-transform duration-300 lg:duration-700 container"><p class="lg:hidden font-bold text-lg font-serif text-gray-500 mt-4 mb-2">Umweltbildung</p><ul class="lg:grid grid-cols-3 grid-flow-col grid-rows-3 lg:gap-x-8 lg:mb-8"><li class="col-span-1 group flex justify-between items-center border-t border-b lg:border-t-0 text-left hover:bg-white transition transition-colors duration-100"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/umweltbildung" title='Seite "Umweltbildung" öffnen'> Übersicht </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/umweltbildung/praxismaterial" title='Seite "Bildungsmaterialien" öffnen'> Bildungsmaterialien </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/umweltbildung/ausstellungen" title='Seite "Ausstellungen" öffnen'> Ausstellungen </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/umweltbildung/die-17-ziele-der-nachhaltigkeit" title='Seite "Die 17 Ziele der Nachhaltigkeit" öffnen'> Die 17 Ziele der Nachhaltigkeit </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/umweltbildung/oekostationen" title='Seite "BN-Ökostationen" öffnen'> BN-Ökostationen </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/umweltbildung/zeitzeugen-im-naturschutz" title='Seite "Zeitzeugen im Naturschutz" öffnen'> Zeitzeugen im Naturschutz </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/umweltbildung/umweltbildung-vor-ort" title='Seite "Umweltbildung vor Ort" öffnen'> Umweltbildung vor Ort </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/umweltbildung/auszeichnung-umweltbildungbayern" title='Seite "Auszeichnung Umweltbildung.Bayern" öffnen'> Auszeichnung Umweltbildung.Bayern </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b "><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/umweltbildung/artenkenntnis-fuer-einsteiger" title='Seite "Artenkenntnis für Einsteiger" öffnen'> Artenkenntnis für Einsteiger </a></li></ul></div></div><div id="panel-4" class="absolute w-full transform left-0 right-0 transition-opacity duration-300 lg:duration-700" x-show="panelId === 4" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><div class="container"><button @click="togglePanel(1, 'slideOut')" title="Zurück zum Startmenü" class="lg:hidden w-full mt-3 text-left text-sm font-bold text-gray-500 hover:text-green-600 transition-colors duration-300"> Hauptmenü </button><div class="flex justify-between mt-3 lg:mt-12 lg:mb-3"><div class="flex flex-col lg:flex-row flex-grow"><button @click="togglePanel(5, 'slideOut')" title="Zurück zur höheren Menüebene" class="group inline-flex flex-none h-10 lg:h-12 w-full lg:w-12 px-2 bg-white lg:justify-center items-center align-top mr-2 lg:mt-1 lg:mb-1 "><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.921" height="24" viewBox="0 0 11.921 24" class="h-3 w-3 lg:h-auto lg:w-auto fill-current duration-200 text-green-500 lg:mr-0 group-hover:text-green-600"><defs><clipPath id="back-arrow-a"><rect width="24" height="11.921" fill="none"/></clipPath></defs><g transform="translate(11.921) rotate(90)" clip-path="url(#back-arrow-a)"><path d="M-4.532,0-16.479,6.974-28.532,0V3.921l12.21,8,11.79-8Z" transform="translate(28.532)"/></g></svg><span class="lg:hidden ml-2 text-sm font-bold text-gray-500 text-left leading-extra-tight"> Themen</span></button><div class="hidden lg:block flex-grow relative"><div><ul class="flex flex-col lg:flex-row mt-4 lg:mt-0" id="breadcrumb-4"><li class=" inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(5, 'slideOut')" title='Unterseiten von "Themen" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500 lg:text-green-600"> Themen <span class="hidden lg:inline-block"> ›</span></button></li><li class="pointer-events-none inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(4, 'slideOut')" title='Unterseiten von "Ökologisch leben" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500"> Ökologisch leben </button></li></ul></div></div></div><button @click="closePanels()" title="Menü schließen" class="group hidden lg:inline-flex bg-white w-12 h-12 align-top items-center justify-center bg-white my-1 hover:bg-green-500 duration-200"><svg class="w-4 h-4 fill-current text-green-500 group-hover:text-white" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M8.35,7.06l5.21-5.22a1,1,0,0,0,.26-1.4,1,1,0,0,0-1.63,0L7,5.63,1.71.41A1,1,0,0,0,.29.41a1,1,0,0,0,0,1.43L5.51,7.06.3,12.27a1,1,0,0,0,0,1.43,1,1,0,0,0,1.42,0L6.93,8.48l5.26,5.23a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.43Z" transform="translate(0 0)"/></svg><span class="sr-only">Menü schließen</span></button></div><div class="hidden lg:block menu-separator w-full h-4 overflow-hidden"></div></div><div class="js-panel-list relative transform transition-transform duration-300 lg:duration-700 container"><p class="lg:hidden font-bold text-lg font-serif text-gray-500 mt-4 mb-2">Ökologisch leben</p><ul class="lg:grid grid-cols-3 grid-flow-col grid-rows-5 lg:gap-x-8 lg:mb-8"><li class="col-span-1 group flex justify-between items-center border-t border-b lg:border-t-0 text-left hover:bg-white transition transition-colors duration-100"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/oekologisch-leben" title='Seite "Ökologisch leben" öffnen'> Übersicht </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/oekologisch-leben/einkaufen" title='Seite "Einkaufen" öffnen'> Einkaufen </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/oekologisch-leben/energie-sparen" title='Seite "Energie sparen" öffnen'> Energie sparen </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/oekologisch-leben/essen-und-trinken" title='Seite "Essen und Trinken" öffnen'> Essen und Trinken </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/oekologisch-leben/feste-feiern" title='Seite "Feste feiern" öffnen'> Feste feiern </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/oekologisch-leben/finanzen" title='Seite "Finanzen" öffnen'> Finanzen </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/oekologisch-leben/naturgarten" title='Seite "Naturgarten" öffnen'> Naturgarten </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/oekologisch-leben/schulanfang-oekologisch-und-nachhaltig" title='Seite "Schulanfang ökologisch und nachhaltig" öffnen'> Schulanfang ökologisch und nachhaltig </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/oekologisch-leben/kinder" title='Seite "Kinder" öffnen'> Kinder </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/oekologisch-leben/koerperpflege" title='Seite "Körperpflege" öffnen'> Körperpflege </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/oekologisch-leben/muell-entsorgen" title='Seite "Müll entsorgen" öffnen'> Müll entsorgen </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/oekologisch-leben/tieren-helfen" title='Seite "Tieren helfen" öffnen'> Tieren helfen </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/oekologisch-leben/verkehr-und-reisen" title='Seite "Verkehr und Reisen" öffnen'> Verkehr und Reisen </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/oekologisch-leben/wasser-sparen" title='Seite "Wasser sparen" öffnen'> Wasser sparen </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b "><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/oekologisch-leben/wohnen" title='Seite "Wohnen" öffnen'> Wohnen </a></li></ul></div></div><div id="panel-7" class="absolute w-full transform left-0 right-0 transition-opacity duration-300 lg:duration-700" x-show="panelId === 7" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><div class="container"><button @click="togglePanel(1, 'slideOut')" title="Zurück zum Startmenü" class="lg:hidden w-full mt-3 text-left text-sm font-bold text-gray-500 hover:text-green-600 transition-colors duration-300"> Hauptmenü </button><div class="flex justify-between mt-3 lg:mt-12 lg:mb-3"><div class="flex flex-col lg:flex-row flex-grow"><button @click="togglePanel(1, 'slideOut')" title="Zurück zur höheren Menüebene" class="group inline-flex flex-none h-10 lg:h-12 w-full lg:w-12 px-2 bg-white lg:justify-center items-center align-top mr-2 lg:mt-1 lg:mb-1 lg:opacity-50 lg:pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.921" height="24" viewBox="0 0 11.921 24" class="h-3 w-3 lg:h-auto lg:w-auto fill-current duration-200 text-green-500 lg:mr-0 lg:text-gray-700"><defs><clipPath id="back-arrow-a"><rect width="24" height="11.921" fill="none"/></clipPath></defs><g transform="translate(11.921) rotate(90)" clip-path="url(#back-arrow-a)"><path d="M-4.532,0-16.479,6.974-28.532,0V3.921l12.21,8,11.79-8Z" transform="translate(28.532)"/></g></svg><span class="lg:hidden ml-2 text-sm font-bold text-gray-500 text-left leading-extra-tight"> Hauptmenü</span></button><div class="hidden lg:block flex-grow relative"><div><ul class="flex flex-col lg:flex-row mt-4 lg:mt-0" id="breadcrumb-7"><li class="pointer-events-none inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(7, 'slideOut')" title='Unterseiten von "Über uns" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500"> Über uns </button></li></ul></div></div></div><button @click="closePanels()" title="Menü schließen" class="group hidden lg:inline-flex bg-white w-12 h-12 align-top items-center justify-center bg-white my-1 hover:bg-green-500 duration-200"><svg class="w-4 h-4 fill-current text-green-500 group-hover:text-white" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M8.35,7.06l5.21-5.22a1,1,0,0,0,.26-1.4,1,1,0,0,0-1.63,0L7,5.63,1.71.41A1,1,0,0,0,.29.41a1,1,0,0,0,0,1.43L5.51,7.06.3,12.27a1,1,0,0,0,0,1.43,1,1,0,0,0,1.42,0L6.93,8.48l5.26,5.23a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.43Z" transform="translate(0 0)"/></svg><span class="sr-only">Menü schließen</span></button></div><div class="hidden lg:block menu-separator w-full h-4 overflow-hidden"></div></div><div class="js-panel-list relative transform transition-transform duration-300 lg:duration-700 container"><p class="lg:hidden font-bold text-lg font-serif text-gray-500 mt-4 mb-2">Über uns</p><ul class="lg:grid grid-cols-3 grid-flow-col grid-rows-4 lg:gap-x-8 lg:mb-8"><li class="col-span-1 group flex justify-between items-center border-t border-b lg:border-t-0 text-left hover:bg-white transition transition-colors duration-100"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns" title='Seite "Über uns" öffnen'> Übersicht </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/jahresbericht" title='Seite "Jahresbericht" öffnen'> Jahresbericht </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><button @click="togglePanel(4737, 'slideIn')" class="p-3 text-sm text-left transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center justify-between lg:justify-start text-gray-700" title='Unterseiten von "Erfolge+Niederlagen" anzeigen'> Erfolge+Niederlagen<span class="text-green-700 ml-2 inline-block font-bold">›</span></button></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><button @click="togglePanel(13342, 'slideIn')" class="p-3 text-sm text-left transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center justify-between lg:justify-start text-gray-700" title='Unterseiten von "Organisation" anzeigen'> Organisation<span class="text-green-700 ml-2 inline-block font-bold">›</span></button></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><button @click="togglePanel(12976, 'slideIn')" class="p-3 text-sm text-left transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center justify-between lg:justify-start text-gray-700" title='Unterseiten von "Geschichte" anzeigen'> Geschichte<span class="text-green-700 ml-2 inline-block font-bold">›</span></button></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><button @click="togglePanel(11301, 'slideIn')" class="p-3 text-sm text-left transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center justify-between lg:justify-start text-gray-700" title='Unterseiten von "Naturschutzpreis" anzeigen'> Naturschutzpreis<span class="text-green-700 ml-2 inline-block font-bold">›</span></button></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/spenden-helfen/stiftung" title='Seite "Stiftung" öffnen'> Stiftung </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/shop" title='Seite "Shop" öffnen'> Shop </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/reisen" title='Seite "Reisen" öffnen'> Reisen </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/stellenangebote" title='Seite "Stellenangebote" öffnen'> Stellenangebote </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b "><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/pressemitteilungen" title='Seite "Pressemitteilungen" öffnen'> Pressemitteilungen </a></li></ul></div></div><div id="panel-4737" class="absolute w-full transform left-0 right-0 transition-opacity duration-300 lg:duration-700" x-show="panelId === 4737" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><div class="container"><button @click="togglePanel(1, 'slideOut')" title="Zurück zum Startmenü" class="lg:hidden w-full mt-3 text-left text-sm font-bold text-gray-500 hover:text-green-600 transition-colors duration-300"> Hauptmenü </button><div class="flex justify-between mt-3 lg:mt-12 lg:mb-3"><div class="flex flex-col lg:flex-row flex-grow"><button @click="togglePanel(7, 'slideOut')" title="Zurück zur höheren Menüebene" class="group inline-flex flex-none h-10 lg:h-12 w-full lg:w-12 px-2 bg-white lg:justify-center items-center align-top mr-2 lg:mt-1 lg:mb-1 "><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.921" height="24" viewBox="0 0 11.921 24" class="h-3 w-3 lg:h-auto lg:w-auto fill-current duration-200 text-green-500 lg:mr-0 group-hover:text-green-600"><defs><clipPath id="back-arrow-a"><rect width="24" height="11.921" fill="none"/></clipPath></defs><g transform="translate(11.921) rotate(90)" clip-path="url(#back-arrow-a)"><path d="M-4.532,0-16.479,6.974-28.532,0V3.921l12.21,8,11.79-8Z" transform="translate(28.532)"/></g></svg><span class="lg:hidden ml-2 text-sm font-bold text-gray-500 text-left leading-extra-tight"> Über uns</span></button><div class="hidden lg:block flex-grow relative"><div><ul class="flex flex-col lg:flex-row mt-4 lg:mt-0" id="breadcrumb-4737"><li class=" inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(7, 'slideOut')" title='Unterseiten von "Über uns" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500 lg:text-green-600"> Über uns <span class="hidden lg:inline-block"> ›</span></button></li><li class="pointer-events-none inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(4737, 'slideOut')" title='Unterseiten von "Erfolge und Niederlagen" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500"> Erfolge und Niederlagen </button></li></ul></div></div></div><button @click="closePanels()" title="Menü schließen" class="group hidden lg:inline-flex bg-white w-12 h-12 align-top items-center justify-center bg-white my-1 hover:bg-green-500 duration-200"><svg class="w-4 h-4 fill-current text-green-500 group-hover:text-white" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M8.35,7.06l5.21-5.22a1,1,0,0,0,.26-1.4,1,1,0,0,0-1.63,0L7,5.63,1.71.41A1,1,0,0,0,.29.41a1,1,0,0,0,0,1.43L5.51,7.06.3,12.27a1,1,0,0,0,0,1.43,1,1,0,0,0,1.42,0L6.93,8.48l5.26,5.23a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.43Z" transform="translate(0 0)"/></svg><span class="sr-only">Menü schließen</span></button></div><div class="hidden lg:block menu-separator w-full h-4 overflow-hidden"></div></div><div class="js-panel-list relative transform transition-transform duration-300 lg:duration-700 container"><p class="lg:hidden font-bold text-lg font-serif text-gray-500 mt-4 mb-2">Erfolge+Niederlagen</p><ul class="lg:grid grid-cols-3 grid-flow-col grid-rows-9 lg:gap-x-8 lg:mb-8"><li class="col-span-1 group flex justify-between items-center border-t border-b lg:border-t-0 text-left hover:bg-white transition transition-colors duration-100"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/erfolge-und-niederlagen" title='Seite "Erfolge+Niederlagen" öffnen'> Übersicht </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/erfolge-niederlagen/donaudurchbruch-bei-weltenburg" title='Seite "Donaudurchbruch bei Weltenburg" öffnen'> Donaudurchbruch bei Weltenburg </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/erfolge-niederlagen/donaustaufer-altwasser" title='Seite "Donaustaufer Altwasser" öffnen'> Donaustaufer Altwasser </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/erfolge-niederlagen/fichtelgebirge" title='Seite "Fichtelgebirge" öffnen'> Fichtelgebirge </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/natur-und-landschaft/fluesse-und-auen-in-bayern/donau" title='Seite "Frei fließende Donau" öffnen'> Frei fließende Donau </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/erfolge-niederlagen/gottesgarten" title='Seite "Gottesgarten" öffnen'> Gottesgarten </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/natur-und-landschaft/gruenes-band" title='Seite "Grünes Band" öffnen'> Grünes Band </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/erfolge-und-niederlagen/hafenlohrtal" title='Seite "Hafenlohrtal" öffnen'> Hafenlohrtal </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/erfolge-niederlagen/hoelle-bei-brennberg" title='Seite "Hölle bei Brennberg" öffnen'> Hölle bei Brennberg </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/erfolge-niederlagen/kiliansleite" title='Seite "Kiliansleite" öffnen'> Kiliansleite </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/erfolge-niederlagen/litzauer-schleife" title='Seite "Litzauer Schleife" öffnen'> Litzauer Schleife </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/erfolge-niederlagen/mertinger-hoell" title='Seite "Mertinger Höll" öffnen'> Mertinger Höll </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/erfolge-niederlagen/murnauer-moos" title='Seite "Murnauer Moos" öffnen'> Murnauer Moos </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/erfolge-niederlagen/nationalpark-bayerischer-wald" title='Seite "Nationalpark Bayerischer Wald" öffnen'> Nationalpark Bayerischer Wald </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/erfolge-niederlagen/nationalpark-berchtesgaden" title='Seite "Nationalpark Berchtesgaden" öffnen'> Nationalpark Berchtesgaden </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/erfolge-niederlagen/nuernberger-reichswald" title='Seite "Nürnberger Reichswald" öffnen'> Nürnberger Reichswald </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/erfolge-niederlagen/oberes-puettlachtal" title='Seite "Oberes Püttlachtal" öffnen'> Oberes Püttlachtal </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/erfolge-niederlagen/rettenbach-im-bayerischen-wald" title='Seite "Rettenbach im Bayerischen Wald" öffnen'> Rettenbach im Bayerischen Wald </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/erfolge-niederlagen/rmd-kanal" title='Seite "Rhein-Main-Donau-Kanal" öffnen'> Rhein-Main-Donau-Kanal </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/erfolge-niederlagen/rhoenschaf" title='Seite "Rhönschaf" öffnen'> Rhönschaf </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/erfolge-niederlagen/rissbach-im-karwendel" title='Seite "Rißbach im Karwendel" öffnen'> Rißbach im Karwendel </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/erfolge-niederlagen/roetelseeweiher" title='Seite "Rötelseeweiher" öffnen'> Rötelseeweiher </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/natur-und-landschaft/sandachse-franken" title='Seite "Sandachse Franken" öffnen'> Sandachse Franken </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/erfolge-und-niederlagen/gerettete-landschaft-der-teichelberg" title='Seite "Teichelberg" öffnen'> Teichelberg </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/erfolge-niederlagen/wiederaufarbeitungsanlage-wackersdorf-waa" title='Seite "Wiederaufarbeitungsanlage Wackersdorf (WAA)" öffnen'> Wiederaufarbeitungsanlage Wackersdorf (WAA) </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b "><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/erfolge-niederlagen/waldnaab-aue" title='Seite "Waldnaab-Aue" öffnen'> Waldnaab-Aue </a></li></ul></div></div><div id="panel-13342" class="absolute w-full transform left-0 right-0 transition-opacity duration-300 lg:duration-700" x-show="panelId === 13342" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><div class="container"><button @click="togglePanel(1, 'slideOut')" title="Zurück zum Startmenü" class="lg:hidden w-full mt-3 text-left text-sm font-bold text-gray-500 hover:text-green-600 transition-colors duration-300"> Hauptmenü </button><div class="flex justify-between mt-3 lg:mt-12 lg:mb-3"><div class="flex flex-col lg:flex-row flex-grow"><button @click="togglePanel(7, 'slideOut')" title="Zurück zur höheren Menüebene" class="group inline-flex flex-none h-10 lg:h-12 w-full lg:w-12 px-2 bg-white lg:justify-center items-center align-top mr-2 lg:mt-1 lg:mb-1 "><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.921" height="24" viewBox="0 0 11.921 24" class="h-3 w-3 lg:h-auto lg:w-auto fill-current duration-200 text-green-500 lg:mr-0 group-hover:text-green-600"><defs><clipPath id="back-arrow-a"><rect width="24" height="11.921" fill="none"/></clipPath></defs><g transform="translate(11.921) rotate(90)" clip-path="url(#back-arrow-a)"><path d="M-4.532,0-16.479,6.974-28.532,0V3.921l12.21,8,11.79-8Z" transform="translate(28.532)"/></g></svg><span class="lg:hidden ml-2 text-sm font-bold text-gray-500 text-left leading-extra-tight"> Über uns</span></button><div class="hidden lg:block flex-grow relative"><div><ul class="flex flex-col lg:flex-row mt-4 lg:mt-0" id="breadcrumb-13342"><li class=" inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(7, 'slideOut')" title='Unterseiten von "Über uns" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500 lg:text-green-600"> Über uns <span class="hidden lg:inline-block"> ›</span></button></li><li class="pointer-events-none inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(13342, 'slideOut')" title='Unterseiten von "Organisation" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500"> Organisation </button></li></ul></div></div></div><button @click="closePanels()" title="Menü schließen" class="group hidden lg:inline-flex bg-white w-12 h-12 align-top items-center justify-center bg-white my-1 hover:bg-green-500 duration-200"><svg class="w-4 h-4 fill-current text-green-500 group-hover:text-white" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M8.35,7.06l5.21-5.22a1,1,0,0,0,.26-1.4,1,1,0,0,0-1.63,0L7,5.63,1.71.41A1,1,0,0,0,.29.41a1,1,0,0,0,0,1.43L5.51,7.06.3,12.27a1,1,0,0,0,0,1.43,1,1,0,0,0,1.42,0L6.93,8.48l5.26,5.23a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.43Z" transform="translate(0 0)"/></svg><span class="sr-only">Menü schließen</span></button></div><div class="hidden lg:block menu-separator w-full h-4 overflow-hidden"></div></div><div class="js-panel-list relative transform transition-transform duration-300 lg:duration-700 container"><p class="lg:hidden font-bold text-lg font-serif text-gray-500 mt-4 mb-2">Organisation</p><ul class="lg:grid grid-cols-3 grid-flow-col grid-rows-4 lg:gap-x-8 lg:mb-8"><li class="col-span-1 group flex justify-between items-center border-t border-b lg:border-t-0 text-left hover:bg-white transition transition-colors duration-100"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/organisation" title='Seite "Organisation" öffnen'> Übersicht </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/organisation/landesverband" title='Seite "Landesverband" öffnen'> Landesverband </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/organisation/kreisgruppen-ortsgruppen" title='Seite "Kreis- und Ortsgruppen" öffnen'> Kreis- und Ortsgruppen </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/organisation/delegiertenversammlung" title='Seite "Delegiertenversammlung" öffnen'> Delegiertenversammlung </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/organisation/vorstand" title='Seite "Vorstand" öffnen'> Vorstand </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/organisation/vorsitzender" title='Seite "Vorsitzender" öffnen'> Vorsitzender </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/organisation/ehrenvorsitzender" title='Seite "Ehrenvorsitzender" öffnen'> Ehrenvorsitzender </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/organisation/beirat" title='Seite "Beirat" öffnen'> Beirat </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/organisation/arbeitskreise" title='Seite "Arbeitskreise" öffnen'> Arbeitskreise </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/organisation/satzung" title='Seite "Satzung" öffnen'> Satzung </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/organisation/jugendorganisation" title='Seite "Jugendorganisation" öffnen'> Jugendorganisation </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b "><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/organisation/bundesverband" title='Seite "Bundesverband" öffnen'> Bundesverband </a></li></ul></div></div><div id="panel-12976" class="absolute w-full transform left-0 right-0 transition-opacity duration-300 lg:duration-700" x-show="panelId === 12976" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><div class="container"><button @click="togglePanel(1, 'slideOut')" title="Zurück zum Startmenü" class="lg:hidden w-full mt-3 text-left text-sm font-bold text-gray-500 hover:text-green-600 transition-colors duration-300"> Hauptmenü </button><div class="flex justify-between mt-3 lg:mt-12 lg:mb-3"><div class="flex flex-col lg:flex-row flex-grow"><button @click="togglePanel(7, 'slideOut')" title="Zurück zur höheren Menüebene" class="group inline-flex flex-none h-10 lg:h-12 w-full lg:w-12 px-2 bg-white lg:justify-center items-center align-top mr-2 lg:mt-1 lg:mb-1 "><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.921" height="24" viewBox="0 0 11.921 24" class="h-3 w-3 lg:h-auto lg:w-auto fill-current duration-200 text-green-500 lg:mr-0 group-hover:text-green-600"><defs><clipPath id="back-arrow-a"><rect width="24" height="11.921" fill="none"/></clipPath></defs><g transform="translate(11.921) rotate(90)" clip-path="url(#back-arrow-a)"><path d="M-4.532,0-16.479,6.974-28.532,0V3.921l12.21,8,11.79-8Z" transform="translate(28.532)"/></g></svg><span class="lg:hidden ml-2 text-sm font-bold text-gray-500 text-left leading-extra-tight"> Über uns</span></button><div class="hidden lg:block flex-grow relative"><div><ul class="flex flex-col lg:flex-row mt-4 lg:mt-0" id="breadcrumb-12976"><li class=" inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(7, 'slideOut')" title='Unterseiten von "Über uns" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500 lg:text-green-600"> Über uns <span class="hidden lg:inline-block"> ›</span></button></li><li class="pointer-events-none inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(12976, 'slideOut')" title='Unterseiten von "Geschichte" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500"> Geschichte </button></li></ul></div></div></div><button @click="closePanels()" title="Menü schließen" class="group hidden lg:inline-flex bg-white w-12 h-12 align-top items-center justify-center bg-white my-1 hover:bg-green-500 duration-200"><svg class="w-4 h-4 fill-current text-green-500 group-hover:text-white" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M8.35,7.06l5.21-5.22a1,1,0,0,0,.26-1.4,1,1,0,0,0-1.63,0L7,5.63,1.71.41A1,1,0,0,0,.29.41a1,1,0,0,0,0,1.43L5.51,7.06.3,12.27a1,1,0,0,0,0,1.43,1,1,0,0,0,1.42,0L6.93,8.48l5.26,5.23a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.43Z" transform="translate(0 0)"/></svg><span class="sr-only">Menü schließen</span></button></div><div class="hidden lg:block menu-separator w-full h-4 overflow-hidden"></div></div><div class="js-panel-list relative transform transition-transform duration-300 lg:duration-700 container"><p class="lg:hidden font-bold text-lg font-serif text-gray-500 mt-4 mb-2">Geschichte</p><ul class="lg:grid grid-cols-3 grid-flow-col grid-rows-4 lg:gap-x-8 lg:mb-8"><li class="col-span-1 group flex justify-between items-center border-t border-b lg:border-t-0 text-left hover:bg-white transition transition-colors duration-100"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/geschichte" title='Seite "Geschichte" öffnen'> Übersicht </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/geschichte/1900-1920" title='Seite "1900-1920" öffnen'> 1900-1920 </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/geschichte/1920-1930" title='Seite "1920-1930" öffnen'> 1920-1930 </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/geschichte/1930-1940" title='Seite "1930-1940" öffnen'> 1930-1940 </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/geschichte/1940-1950" title='Seite "1940-1950" öffnen'> 1940-1950 </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/geschichte/1950-1960" title='Seite "1950-1960" öffnen'> 1950-1960 </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/geschichte/1960-1970" title='Seite "1960-1970" öffnen'> 1960-1970 </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/geschichte/1970-1980" title='Seite "1970-1980" öffnen'> 1970-1980 </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/geschichte/1980-1990" title='Seite "1980-1990" öffnen'> 1980-1990 </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/geschichte/1990-2000" title='Seite "1990-2000" öffnen'> 1990-2000 </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/geschichte/2000-2010" title='Seite "2000-2010" öffnen'> 2000-2010 </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b "><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/geschichte/2010-2020" title='Seite "2010-2020" öffnen'> 2010-2020 </a></li></ul></div></div><div id="panel-11301" class="absolute w-full transform left-0 right-0 transition-opacity duration-300 lg:duration-700" x-show="panelId === 11301" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><div class="container"><button @click="togglePanel(1, 'slideOut')" title="Zurück zum Startmenü" class="lg:hidden w-full mt-3 text-left text-sm font-bold text-gray-500 hover:text-green-600 transition-colors duration-300"> Hauptmenü </button><div class="flex justify-between mt-3 lg:mt-12 lg:mb-3"><div class="flex flex-col lg:flex-row flex-grow"><button @click="togglePanel(7, 'slideOut')" title="Zurück zur höheren Menüebene" class="group inline-flex flex-none h-10 lg:h-12 w-full lg:w-12 px-2 bg-white lg:justify-center items-center align-top mr-2 lg:mt-1 lg:mb-1 "><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.921" height="24" viewBox="0 0 11.921 24" class="h-3 w-3 lg:h-auto lg:w-auto fill-current duration-200 text-green-500 lg:mr-0 group-hover:text-green-600"><defs><clipPath id="back-arrow-a"><rect width="24" height="11.921" fill="none"/></clipPath></defs><g transform="translate(11.921) rotate(90)" clip-path="url(#back-arrow-a)"><path d="M-4.532,0-16.479,6.974-28.532,0V3.921l12.21,8,11.79-8Z" transform="translate(28.532)"/></g></svg><span class="lg:hidden ml-2 text-sm font-bold text-gray-500 text-left leading-extra-tight"> Über uns</span></button><div class="hidden lg:block flex-grow relative"><div><ul class="flex flex-col lg:flex-row mt-4 lg:mt-0" id="breadcrumb-11301"><li class=" inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(7, 'slideOut')" title='Unterseiten von "Über uns" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500 lg:text-green-600"> Über uns <span class="hidden lg:inline-block"> ›</span></button></li><li class="pointer-events-none inline-flex lg:mr-2 lg:my-1 items-center"><button @click="togglePanel(11301, 'slideOut')" title='Unterseiten von "Naturschutzpreis" anzeigen' class="w-full bg-sand-600 px-3 lg:px-4 hover:bg-white text-sm lg:text-base text-left leading-extra-tight font-bold transition-colors duration-300 h-10 lg:h-12 text-gray-500"> Naturschutzpreis </button></li></ul></div></div></div><button @click="closePanels()" title="Menü schließen" class="group hidden lg:inline-flex bg-white w-12 h-12 align-top items-center justify-center bg-white my-1 hover:bg-green-500 duration-200"><svg class="w-4 h-4 fill-current text-green-500 group-hover:text-white" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M8.35,7.06l5.21-5.22a1,1,0,0,0,.26-1.4,1,1,0,0,0-1.63,0L7,5.63,1.71.41A1,1,0,0,0,.29.41a1,1,0,0,0,0,1.43L5.51,7.06.3,12.27a1,1,0,0,0,0,1.43,1,1,0,0,0,1.42,0L6.93,8.48l5.26,5.23a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.43Z" transform="translate(0 0)"/></svg><span class="sr-only">Menü schließen</span></button></div><div class="hidden lg:block menu-separator w-full h-4 overflow-hidden"></div></div><div class="js-panel-list relative transform transition-transform duration-300 lg:duration-700 container"><p class="lg:hidden font-bold text-lg font-serif text-gray-500 mt-4 mb-2">Naturschutzpreis</p><ul class="lg:grid grid-cols-3 grid-flow-col grid-rows-5 lg:gap-x-8 lg:mb-8"><li class="col-span-1 group flex justify-between items-center border-t border-b lg:border-t-0 text-left hover:bg-white transition transition-colors duration-100"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/naturschutzpreis" title='Seite "Naturschutzpreis" öffnen'> Übersicht </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/naturschutzpreis/2020-antonio-andrioli" title='Seite "2020 Antonio Andrioli" öffnen'> 2020 Antonio Andrioli </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/naturschutzpreis/2019-michael-mueller" title='Seite "2019 Michael Müller" öffnen'> 2019 Michael Müller </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/naturschutzpreis/2018-josef-goeppel" title='Seite "2018 Josef Göppel" öffnen'> 2018 Josef Göppel </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/naturschutzpreis/2017-klaus-toepfer" title='Seite "2017 Klaus Töpfer" öffnen'> 2017 Klaus Töpfer </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/naturschutzpreis/2016-erwin-kraeutler" title='Seite "2016 Erwin Kräutler" öffnen'> 2016 Erwin Kräutler </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/naturschutzpreis/2015-ernst-ulrich-von-weizsaecker" title='Seite "2015 Ernst Ulrich von Weizsäcker" öffnen'> 2015 Ernst Ulrich von Weizsäcker </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/naturschutzpreis/2014-karl-ludwig-schweisfurth" title='Seite "2014 Karl Ludwig Schweisfurth" öffnen'> 2014 Karl Ludwig Schweisfurth </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/naturschutzpreis/2013-gerhard-kneitz" title='Seite "2013 Gerhard Kneitz" öffnen'> 2013 Gerhard Kneitz </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/naturschutzpreis/naturschutzpreis-vandana-shiva" title='Seite "2012 Vandana Shiva" öffnen'> 2012 Vandana Shiva </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/naturschutzpreis/naturschutzpreis-lengfelder" title='Seite "2011 Edmund Lengfelder" öffnen'> 2011 Edmund Lengfelder </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/naturschutzpreis/2010-percy-schmeiser" title='Seite "2010 Percy Schmeiser" öffnen'> 2010 Percy Schmeiser </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b border-b"><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/naturschutzpreis/2009-christine-v-weizsaecker" title='Seite "2009 Christine v. Weizsäcker" öffnen'> 2009 Christine v. Weizsäcker </a></li><li class="group flex justify-between items-center text-left hover:bg-white transition transition-colors duration-100 lg:border-b "><a class="p-3 text-sm transition transition-colors duration-100 group-hover:text-green-700 flex w-full items-center text-gray-700" href="/ueber-uns/naturschutzpreis/2008-emmanuel-jungclaussen" title='Seite "2008 Emmanuel Jungclaussen" öffnen'> 2008 Emmanuel Jungclaussen </a></li></ul></div></div></div></div><button class="flex flex-grow px-3 pt-5 cursor-pointer" @click="closePanels()"><svg class="lg:hidden w-8 h-8 fill-current text-white" id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><title>search-icon-close</title><path d="M8.35,7.06l5.21-5.22a1,1,0,0,0,.26-1.4,1,1,0,0,0-1.63,0L7,5.63,1.71.41A1,1,0,0,0,.29.41a1,1,0,0,0,0,1.43L5.51,7.06.3,12.27a1,1,0,0,0,0,1.43,1,1,0,0,0,1.42,0L6.93,8.48l5.26,5.23a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.43Z" transform="translate(0 0)"/></svg><div class="sr-only">Menü schließen</div></button></div><main class="mt-8 lg:mt-10"><div class="container"><div class="mb-8 lg:mb-10"><ul><li class="inline text-gray-500 text-sm hover:text-green-600 transition transition-colors duration-300"><a href="/">Home</a> › </li><li class="inline text-gray-500 text-sm hover:text-green-600 transition transition-colors duration-300"><a href="/pressemitteilungen">Presse+Aktuelles</a> › </li><li class="inline text-gray-500 text-sm hover:text-green-600 transition transition-colors duration-300"><span class="text-green-600">Pressemitteilungen</span></li></ul></div></div><!--TYPO3SEARCH_begin--><div id="c50759" class="frame frame-default frame-type-list frame-layout-0"><div class="news news-single"><div class="article" itemscope="itemscope" itemtype="http://schema.org/Article"><div class="container"><div class="header"><h1 class="h1"> Habeck in München - Windkraft in Bayern geht nur ohne 10H </h1></div><div class="teaser-text font-serif lg:text-2xl base text-blue-500 text-center pb-10"><p>Der BUND Naturschutz bedauert, dass das Gespräch zwischen Klimaschutzminister Robert Habeck und Ministerpräsident Markus Söder nicht dazu geführt hat, dass sich Bayern von der 10-H- Abstandsregel für Windkraftwerke verabschiedet. Einen verstärkten Ausbau der Windkraft in den Staatsforsten als Alternative zu 10-H lehnen wir ab. </p></div></div><div class="container lg:max-w-7xl xl:max-w-8xl mb-8"><div class="bp-gallery grid grid-cols-1 md:grid-cols-1 gap-4 md:gap-8 mb-2 mt-2"><div><figure><a class="block" data-bp="/fileadmin/_processed_/3/8/csm_PM_LFGM_04_22_Habeck-Besuch_Foto_by_Christof_Stache_dbf897bb52.jpg" data-caption="Foto: Christof Stache" href="#" title=""><picture class="myPictureClass"><source srcset="/fileadmin/_processed_/3/8/csm_PM_LFGM_04_22_Habeck-Besuch_Foto_by_Christof_Stache_3ca7e8852a.jpg" media="(min-width: 1680px)"/><source srcset="/fileadmin/_processed_/3/8/csm_PM_LFGM_04_22_Habeck-Besuch_Foto_by_Christof_Stache_dcad2baf57.jpg" media="(min-width: 1024px)"/><source srcset="/fileadmin/_processed_/3/8/csm_PM_LFGM_04_22_Habeck-Besuch_Foto_by_Christof_Stache_50c08475a4.jpg" media="(min-width: 768px)"/><source srcset="/fileadmin/_processed_/3/8/csm_PM_LFGM_04_22_Habeck-Besuch_Foto_by_Christof_Stache_d31dc9dbda.jpg" media="(min-width: 640px)"/><source srcset="/fileadmin/_processed_/3/8/csm_PM_LFGM_04_22_Habeck-Besuch_Foto_by_Christof_Stache_2e2f8735c0.jpg"/><img class="w-full" src="/fileadmin/_processed_/3/8/csm_PM_LFGM_04_22_Habeck-Besuch_Foto_by_Christof_Stache_c5c34212e5.jpg" width="2400" height="1264" loading="lazy" alt=""/></picture></a></figure><figcaption class="text-xs lg:text-sm text-gray-600 mt-2"> Foto: Christof Stache </figcaption></div></div></div><div class="container"><div class="rte"><span class="date inline-block my-4 lg:my-6 font-bold text-gray-200 text-sm font-serif lg:text-lg">20.01.2022</span><p>„Obwohl wir schon damit gerechnet haben, sind wir nach dem Gespräch doch sehr enttäuscht, dass Markus Söder an seiner Blockadehaltung festhält“, erklärt der BN-Vorsitzende Richard Mergner. „Dass der Ausbau der Windkraft auch mit 10-H wieder beschleunigt werden kann, wie es der Ministerpräsident heute in Aussicht gestellt hat, halten wir für nahezu ausgeschlossen. Wir gehen nicht davon aus, dass hier bis März tragfähige Konzepte vorliegen. Dann hilft nur noch eine Änderung im Baugesetzbuch über den Bundestag, um 10-H in Bayern zu Fall zu bringen. Wir appellieren an die Ampelkoalition, dies dann auch schnellstmöglich umzusetzen.“<br><br> Den Windkraftausbau vorrangig in die Bayerischen Staatsforsten zu verlagern, wie es Söder angekündigt hat, lehnt der BN klar ab. „Das Potential in den Wäldern ist nahezu erschöpft, ein weiterer massiver Ausbau ist problematisch und keine Alternative zur Abschaffung von 10-H. Verstärkt in die Wälder reinzugehen ist auch unnötig, im Flächenland Bayern gibt es genügend Platz für Windräder im Einklang mit Mensch und Natur. Die Akzeptanz in der Bevölkerung ist nicht so niedrig, wie immer behauptet wird. Windkraftanlagen in Bürgerhand, die regionalen Strom liefern, sind ein Erfolgsmodell, das muss endlich auch in der Bayerischen Staatskanzlei ankommen!“ <br><br> Julian Fürholzer, Landesvorstand der JBN erklärt: „Es kann nicht sein, dass wir durch Söders politische Machtkämpfe wichtige Zeit in der Bekämpfung der Klimakrise verlieren. Auch Bayern muss seinen Beitrag zum Klimaschutz leisten, um die natürliche Lebensgrundlage für die nachkommenden Generationen zu sichern. Ich bin enttäuscht, dass der Ministerpräsident aus politischem Kalkül die Belange junger Menschen hintenanstellt. Wir brauchen den sofortigen Ausbau aller Erneuerbaren Energien auch in Bayern!"</p><p> </p></div></div><div class="container"><div class="news-related-wrap my-8 md:my-10 lg:my-12"><div class="news-related news-related-files"><hr><div class="flex my-4"><div class="flex-none mt-0.5 lg:mt-1 mr-6"><img src="/typo3conf/ext/base_template/Resources/Public/Images/download.png" width="50" height="50" alt=""/></div><div class="flex-grow"><h4 class="h3 text-gray-500 mb-0">Downloads</h4><ul><li><a class="news-related-files-link box-link break-all" href="/fileadmin/Bilder_und_Dokumente/Presse_und_Aktuelles/2022/Energie_und_Klima/PM_LFGM_04_22_Habeck-Besuch.pdf" target="_blank"><span class="mr-2">›</span>PM_LFGM_04_22_Habeck-Besuch.pdf </a></li></ul></div></div><hr></div></div><div class="mb-10 xsm:flex xsm:justify-between xsm:mt-4"><a class="block text-center mb-2 xsm:mb-0 xsm:inline-block xsm:text-left button button-green-500" href="/pressemitteilungen/energie-und-klima"> Zur Übersicht </a><a class="block text-center xsm:inline-block xsm:text-left button button-green-500" href="/energie"> Mehr zum Thema </a></div></div><div class="nocontent related-content bg-blue-500 overflow-auto "><div class="pt-8 md:pt-10"><p class="h1 text-white">Kontakt</p><div class="container"><div class="grid md:grid-cols-2"><div class="mb-8 md:mb-10 lg:mb-12"><div class="max-w-2xl"><div class="flex"><div class="flex-none mr-4"><img class="rounded-full w-16 h-16 lg:h-24 lg:w-24" src="/fileadmin/_processed_/3/1/csm_FelixHaelbich_Ausschnitt_35d8530c29.jpg" width="96" height="96" alt=""/></div><div class="flex-grow"><div class="text-sm lg:text-lg text-white"><p class="font-bold"> IHR ANSPRECHPARTNER </p> Felix Hälbich<br/> Pettenkoferstraße 10a<br/> 80336 München<br/> Tel. 089 / 5 14 69 76 11<br/><a href="mailto:presse@bund-naturschutz.de"><span class="text-link text-green-400 hover:text-white font-normal">presse@bund-naturschutz.de</span></a></div></div></div></div></div><div class="mb-8 md:mb-10 lg:mb-12"><div class="max-w-2xl"><div class="flex"><div class="flex-none mr-4"><img class="rounded-full w-16 h-16 lg:h-24 lg:w-24" src="/fileadmin/_processed_/6/3/csm_Michael_Remy_Portrait_26164378bf.png" width="96" height="96" alt=""/></div><div class="flex-grow"><div class="text-sm lg:text-lg text-white"><p class="font-bold"> IHR ANSPRECHPARTNER FÜR ENERGIE UND KLIMA </p> Michael Remy<br/> Pettenkoferstraße 10a<br/> 80336 München<br/> Tel. 089 / 5 14 69 76 13<br/><a href="mailto:energie-klima@bund-naturschutz.de"><span class="text-link text-green-400 hover:text-white font-normal">energie-klima@bund-naturschutz.de</span></a></div></div></div></div></div></div></div><div class="mb-8 md:mb-10 lg:mb-12"><div class="container"><hr class="border-blue-100"></div></div><p class="h1 text-white">Aktuelle Meldungen</p><div class="news"><!--TYPO3SEARCH_end--><div class="mb-8 md:mb-10 lg:mb-12"><div class="container"><div class="md:grid md:grid-cols-3 md:gap-8"><div class="mb-8 group article articletype-0" itemscope="itemscope" itemtype="http://schema.org/Article"><div class="mb-2 lg:mb-4"><a title="Energiewende: BN stellt fünf Kernforderungen für den naturverträglichen Ausbau der Windenergie vor" href="/pressemitteilungen/energiewende-bn-stellt-fuenf-kernforderungen-fuer-den-naturvertraeglichen-ausbau-der-windenergie-vor"><div class="aspect-ratio-3/2 relative overflow-hidden"><picture><source srcset="/typo3temp/assets/_processed_/8/b/csm_news_listview_placeholder_bn_778062a2bf.jpg" media="(min-width: 768px)"/><img class="absolute top-0 left-0 right-0 w-full transform group-hover:scale-105 transition-all duration-300" src="/typo3temp/assets/_processed_/8/b/csm_news_listview_placeholder_bn_1bcd558407.jpg" width="600" height="677" loading="lazy" alt=""/></picture></div></a></div><a class="h4 text-white mb-2 block" title="Energiewende: BN stellt fünf Kernforderungen für den naturverträglichen Ausbau der Windenergie vor" href="/pressemitteilungen/energiewende-bn-stellt-fuenf-kernforderungen-fuer-den-naturvertraeglichen-ausbau-der-windenergie-vor"><span itemprop="headline">Energiewende: BN stellt fünf Kernforderungen für den naturverträglichen Ausbau der Windenergie vor</span></a><a class="text-green-400 group-hover:text-white text-link text-sm lg:text-lg transition-colors duration-200" title="Energiewende: BN stellt fünf Kernforderungen für den naturverträglichen Ausbau der Windenergie vor" href="/pressemitteilungen/energiewende-bn-stellt-fuenf-kernforderungen-fuer-den-naturvertraeglichen-ausbau-der-windenergie-vor"> Weiter › </a></div><div class="mb-8 group article articletype-0" itemscope="itemscope" itemtype="http://schema.org/Article"><div class="mb-2 lg:mb-4 overflow-hidden"><a title="Grüne Zukunft ohne Erdgas und Atom: Neue EU-Taxonomie verhindern" href="/pressemitteilungen/gruene-zukunft-ohne-erdgas-und-atom-neue-eu-taxonomie-verhindern"><picture><source srcset="/fileadmin/_processed_/4/1/csm_Atommuell_-_tiero_AdobeStock_large_074cadfd65.jpg" media="(min-width: 768px)"/><img class="transform group-hover:scale-105 transition-all duration-300 w-full" title="Foto: tiero/stock.adobe.com" src="/fileadmin/_processed_/4/1/csm_Atommuell_-_tiero_AdobeStock_large_e2da3db697.jpg" width="600" height="400" loading="lazy" alt=""/></picture></a></div><a class="h4 text-white mb-2 block" title="Grüne Zukunft ohne Erdgas und Atom: Neue EU-Taxonomie verhindern" href="/pressemitteilungen/gruene-zukunft-ohne-erdgas-und-atom-neue-eu-taxonomie-verhindern"><span itemprop="headline">Grüne Zukunft ohne Erdgas und Atom: Neue EU-Taxonomie verhindern</span></a><a class="text-green-400 group-hover:text-white text-link text-sm lg:text-lg transition-colors duration-200" title="Grüne Zukunft ohne Erdgas und Atom: Neue EU-Taxonomie verhindern" href="/pressemitteilungen/gruene-zukunft-ohne-erdgas-und-atom-neue-eu-taxonomie-verhindern"> Weiter › </a></div><div class="mb-8 group article articletype-0" itemscope="itemscope" itemtype="http://schema.org/Article"><div class="mb-2 lg:mb-4 overflow-hidden"><a title="Höchstspannungstrasse zerstört Lebensräume - BUND Naturschutz und Bürgerinitiative fordern Planungsstopp für Fulda-Main-Leitung" href="/pressemitteilungen/hoechstspannungstrasse-zerstoert-lebensraeume-bund-naturschutz-und-buergerinitiative-fordern-planungsstopp-fuer-fulda-main-leitung"><picture><source srcset="/fileadmin/_processed_/c/e/csm_PM-113-21-Fulda-Main-Leitung_Anlage_Foto_Fotograf_Ingo_Queck_e20f27dc0a.jpg" media="(min-width: 768px)"/><img class="transform group-hover:scale-105 transition-all duration-300 w-full" src="/fileadmin/_processed_/c/e/csm_PM-113-21-Fulda-Main-Leitung_Anlage_Foto_Fotograf_Ingo_Queck_c840ee7136.jpg" width="600" height="400" loading="lazy" alt=""/></picture></a></div><a class="h4 text-white mb-2 block" title="Höchstspannungstrasse zerstört Lebensräume - BUND Naturschutz und Bürgerinitiative fordern Planungsstopp für Fulda-Main-Leitung" href="/pressemitteilungen/hoechstspannungstrasse-zerstoert-lebensraeume-bund-naturschutz-und-buergerinitiative-fordern-planungsstopp-fuer-fulda-main-leitung"><span itemprop="headline">Höchstspannungstrasse zerstört Lebensräume - BUND Naturschutz und Bürgerinitiative fordern Planungsstopp für Fulda-Main-Leitung</span></a><a class="text-green-400 group-hover:text-white text-link text-sm lg:text-lg transition-colors duration-200" title="Höchstspannungstrasse zerstört Lebensräume - BUND Naturschutz und Bürgerinitiative fordern Planungsstopp für Fulda-Main-Leitung" href="/pressemitteilungen/hoechstspannungstrasse-zerstoert-lebensraeume-bund-naturschutz-und-buergerinitiative-fordern-planungsstopp-fuer-fulda-main-leitung"> Weiter › </a></div></div><div class="text-center"><a href="/pressemitteilungen" class="button button-green-500">Alle Meldungen</a></div></div></div><!--TYPO3SEARCH_begin--></div><div class="tx-jr-cal"><!--TYPO3SEARCH_end--><div class="mb-8 md:mb-10 lg:mb-12"><div class="container"><hr class="border-blue-100"></div></div><div class="mb-8 md:mb-10 lg:mb-12"><div class="container"><svg class="mx-auto w-12 h-12 lg:w-auto lg:h-auto mb-4" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="97.683" height="97.683" viewBox="0 0 97.683 97.683"><defs><clipPath id="jrcal-related-icon-a"><path d="M0,0H97.683V-97.683H0Z" transform="translate(0 97.683)" fill="none"/></clipPath><clipPath id="b"><rect width="90.093" height="72.035" fill="none"/></clipPath></defs><g clip-path="url(#jrcal-related-icon-a)"><g transform="translate(0)"><path d="M0,0A48.842,48.842,0,0,0,48.842-48.842,48.841,48.841,0,0,0,0-97.683,48.842,48.842,0,0,0-48.842-48.842,48.842,48.842,0,0,0,0,0" transform="translate(48.842 97.683)" fill="#85bc21"/></g><g transform="translate(3.795 10.101)" opacity="0.63"><g clip-path="url(#b)"><g transform="translate(17 13)"><path d="M0,0H-11.21V-1.688A1.71,1.71,0,0,0-12.921-3.4a1.711,1.711,0,0,0-1.711,1.71V0h-10V-1.688A1.709,1.709,0,0,0-26.336-3.4a1.71,1.71,0,0,0-1.711,1.71V0h-9.57V-1.688A1.71,1.71,0,0,0-39.328-3.4a1.711,1.711,0,0,0-1.711,1.71V0H-52.672a1.71,1.71,0,0,0-1.711,1.711V40.365a1.711,1.711,0,0,0,1.711,1.711h10.5a16.291,16.291,0,0,0,15.836,12.56A16.292,16.292,0,0,0-10.5,42.076H0A1.712,1.712,0,0,0,1.71,40.365V1.711A1.711,1.711,0,0,0,0,0M-41.039,3.42V4.967a1.712,1.712,0,0,0,1.711,1.711,1.712,1.712,0,0,0,1.711-1.711V3.42h9.57V4.967a1.712,1.712,0,0,0,1.711,1.711,1.711,1.711,0,0,0,1.709-1.711V3.42h10V4.967a1.712,1.712,0,0,0,1.711,1.711A1.712,1.712,0,0,0-11.21,4.967V3.42h9.5v7h-49.25v-7Zm14.7,47.794A12.859,12.859,0,0,1-39.182,38.369,12.861,12.861,0,0,1-26.336,25.523,12.859,12.859,0,0,1-13.492,38.369,12.859,12.859,0,0,1-26.336,51.214m16.259-12.56c0-.1.007-.189.007-.285A16.285,16.285,0,0,0-26.336,22.1,16.286,16.286,0,0,0-42.6,38.369c0,.1.006.19.007.285h-8.365V13.838H-1.711V38.654Z" transform="translate(54.383 3.398)" fill="#fff"/></g><g transform="translate(43.337 45.212)"><path d="M0,0V-8.275A1.711,1.711,0,0,0-1.71-9.986,1.71,1.71,0,0,0-3.42-8.275V.709a1.706,1.706,0,0,0,.5,1.21L1.012,5.851a1.711,1.711,0,0,0,2.42-2.419Z" transform="translate(3.42 9.986)" fill="#fff"/></g></g></g></g></svg><p class="h1 text-white"> Termine </p><p class="block text-center text-lg lg:text-2xl text-white mb-8 lg:mb-12"> Für diesen Themenbereich liegen aktuell keine passenden Termine vor. </p><div class="w-full text-center"><a class="button button-green-500" href="/termine?tx_jrcal_jrcal%5Bcontroller%5D=Calevent&cHash=dc08d33bd337c2b563cee5eb85dc801b"> Alle Termine </a></div></div></div><!--TYPO3SEARCH_begin--></div></div></div></div></div></div><!--TYPO3SEARCH_end--></main><footer class="bg-blue-600 bt-footer pt-6 lg:pt-12 pb-2"><div class="grid grid-cols-1"><button x-on:click="window.scrollTo({top: 0,left: 0,behavior: 'smooth'});" class="text-white block mx-auto lg:mr-6 bg-green-500 hover:bg-green-600 duration-200 transition-colors mb-6 w-8 h-8 lg:h-12 lg:w-12 relative lg:absolute lg:right-0 text-3xl font-display flex items-center justify-center"><span class="sr-only">Nach oben scrollen</span><svg xmlns="http://www.w3.org/2000/svg" width="16.5" height="21.238" viewBox="0 0 16.5 21.238"><defs><style>.a{fill:none;stroke:#fff;stroke-width:2px;}</style></defs><g transform="translate(-3148.648 1228.838) rotate(-90)"><path class="a" d="M1050.6,3158.3h20" transform="translate(157 -1.308)"/><path class="a" d="M1082,3112.3l6.534,7.6-6.534,7.6" transform="translate(138.985 37)"/></g></svg></button></div><div class="container max-w-3xl lg:px-0"><div class="grid grid-cols-1 text-center"><p class="h1 text-white">Newsletter</p><p class="text-white px-6 lg:px-0 mb-8 font-serif text-base lg:text-2xl">Mit dem Newsletter des BUND Naturschutz informieren wir Sie regelmäßig über Aktuelles aus dem Natur- und Umweltschutz in Bayern.</p></div></div><div class="container max-w-2xl text-center"><div x-data="" x-init="loadContent( $el )" data-src="https://www.bund-naturschutz.de/?type=800"><a class="inline-block button button-green-500 mb-6 h-12 lg:h-14" href="/newsletter">Jetzt anmelden</a></div><p class="text-xxs text-white text-center mb-8">Die Newsletter enthalten Informationen über uns, unsere Angebote sowie Neuigkeiten aus den Geschäftsbereichen und der Branche. Informationen zu Anmeldung, statistischer Auswertung, Widerruf sowie dem Versand der Newsletter erhalten Sie in unserer <a class="text-green-500 transition transition-colors duration-100 hover:text-green-400" href="/impressum">Datenschutzerklärung</a>.</p></div><div class="container"><hr class="mb-12 border-white opacity-25"></div><script>
|
||
function loadContent( e ) {
|
||
fetch(e.dataset.src).then(response => response.text()).then(data => e.innerHTML = data);
|
||
return {}
|
||
}
|
||
</script><div class="container mb-2"><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"><div class="px-6 sm:px-0 mb-6 lg:mb-0"><p class="text-white lg:text-lg mb-2">Mitmachen</p><ul><li class="group hover:opacity-75 transition-opacity duration-100 hover:text-white pb-3 flex"><span class="inline-block mr-1 text-green-500 -mt-1"> › </span><a href="/aktionen/kein-geld-fuer-atom-und-gas" target="_self" class="text-white text-sm leading-snug"> Kein Geld für Atom und Gas </a></li><li class="group hover:opacity-75 transition-opacity duration-100 hover:text-white pb-3 flex"><span class="inline-block mr-1 text-green-500 -mt-1"> › </span><a href="/aktionen/eichhoernchen-beobachten-und-melden" target="_self" class="text-white text-sm leading-snug"> Eichhörnchen melden </a></li></ul></div><div class="px-6 sm:px-0 mb-6 lg:mb-0"><p class="text-white lg:text-lg mb-2">Helfen</p><ul><li class="group hover:opacity-75 transition-opacity duration-100 hover:text-white pb-3 flex"><span class="inline-block mr-1 text-green-500 -mt-1"> › </span><a href="/spenden-helfen/mitglied-werden" target="_self" class="text-white text-sm leading-snug"> Mitglied werden </a></li><li class="group hover:opacity-75 transition-opacity duration-100 hover:text-white pb-3 flex"><span class="inline-block mr-1 text-green-500 -mt-1"> › </span><a href="/spenden-helfen/spenden" target="_self" class="text-white text-sm leading-snug"> Spenden </a></li><li class="group hover:opacity-75 transition-opacity duration-100 hover:text-white pb-3 flex"><span class="inline-block mr-1 text-green-500 -mt-1"> › </span><a href="/spenden-helfen/mitmachen" target="_self" class="text-white text-sm leading-snug"> Ehrenamtlich aktiv </a></li><li class="group hover:opacity-75 transition-opacity duration-100 hover:text-white pb-3 flex"><span class="inline-block mr-1 text-green-500 -mt-1"> › </span><a href="https://www.bund-naturschutz-stiftung.de" target="_blank" rel="noopener" class="text-white text-sm leading-snug"> BN Stiftung </a></li></ul></div><div class="px-6 sm:px-0 mb-6 lg:mb-0"><p class="text-white lg:text-lg mb-2">Kontakt</p><ul><li class="group hover:opacity-75 transition-opacity duration-100 hover:text-white pb-3 flex"><span class="inline-block mr-1 text-green-500 -mt-1"> › </span><a href="/kontakt/kontaktformular" target="_self" class="text-white text-sm leading-snug"> Schreiben Sie uns! </a></li><li class="group hover:opacity-75 transition-opacity duration-100 hover:text-white pb-3 flex"><span class="inline-block mr-1 text-green-500 -mt-1"> › </span><a href="/kontakt/ansprechpartner" target="_self" class="text-white text-sm leading-snug"> Ansprechpartner </a></li><li class="group hover:opacity-75 transition-opacity duration-100 hover:text-white pb-3 flex"><span class="inline-block mr-1 text-green-500 -mt-1"> › </span><a href="/kontakt/mitglieder-spender" target="_self" class="text-white text-sm leading-snug"> Mitgliederservice </a></li><li class="group hover:opacity-75 transition-opacity duration-100 hover:text-white pb-3 flex"><span class="inline-block mr-1 text-green-500 -mt-1"> › </span><a href="/termine" target="_self" class="text-white text-sm leading-snug"> Termine </a></li></ul></div><div class="px-6 sm:px-0 mb-6 lg:mb-0"><p class="text-white lg:text-lg mb-2">Service</p><ul><li class="group hover:opacity-75 transition-opacity duration-100 hover:text-white pb-3 flex"><span class="inline-block mr-1 text-green-500 -mt-1"> › </span><a href="https://service.bund-naturschutz.de/" target="_blank" rel="noopener" class="text-white text-sm leading-snug"> Shop </a></li><li class="group hover:opacity-75 transition-opacity duration-100 hover:text-white pb-3 flex"><span class="inline-block mr-1 text-green-500 -mt-1"> › </span><a href="/publikationen" target="_self" class="text-white text-sm leading-snug"> Flyer und Broschüren </a></li><li class="group hover:opacity-75 transition-opacity duration-100 hover:text-white pb-3 flex"><span class="inline-block mr-1 text-green-500 -mt-1"> › </span><a href="/ueber-uns/reisen" target="_self" class="text-white text-sm leading-snug"> Reisen </a></li></ul></div><div class="px-6 sm:px-0 mb-6 lg:mb-0"><p class="text-white lg:text-lg mb-2">Presse</p><ul><li class="group hover:opacity-75 transition-opacity duration-100 hover:text-white pb-3 flex"><span class="inline-block mr-1 text-green-500 -mt-1"> › </span><a href="/pressemitteilungen" target="_self" class="text-white text-sm leading-snug"> Pressemitteilungen </a></li><li class="group hover:opacity-75 transition-opacity duration-100 hover:text-white pb-3 flex"><span class="inline-block mr-1 text-green-500 -mt-1"> › </span><a href="/kontakt/ansprechpartner" target="_self" class="text-white text-sm leading-snug"> Pressekontakt </a></li></ul></div></div></div><div class="container"><div class="flex flex-col md:flex-row"><div class="w-full md:w-8/12 lg:w-6/12 md:order-2"><div class="flex flex-col md:flex-row"><div class="mb-3 md:w-1/2 lg:w-auto lg:order-2 text-center md:text-left w-full lg:-mt-16"><div><a href="/magazin" class="group inline-block relative"><img class="inline-block transform group-hover:scale-110 group-hover:-translate-y-2 duration-200" alt="Natur+Umwelt Magazin" src="/typo3temp/assets/_processed_/4/4/csm_nu-magazin-2021-4_16181b8f82.png" width="185" height="135" loading="lazy"/><svg class="absolute top-0 right-0 translate-x-8 -translate-y-16 opacity-0 scale-100 transform duration-200 group-hover:opacity-100 group-hover:scale-110 group-hover:-translate-y-18" height="156.007" viewBox="0 0 156.038 156.007" width="156.038" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><filter id="read-now-a" filterUnits="userSpaceOnUse" height="156.007" width="156.038" x="0" y="0"><feOffset/><feGaussianBlur result="blur" stdDeviation="10"/><feFlood flood-opacity=".502"/><feComposite in2="blur" operator="in"/><feComposite in="SourceGraphic"/></filter><filter id="read-now-b" filterUnits="userSpaceOnUse" height="62.232" width="76.104" x="39.852" y="46.411"><feOffset/><feGaussianBlur result="blur-2" stdDeviation="3.5"/><feFlood flood-opacity=".302"/><feComposite in2="blur-2" operator="in"/><feComposite in="SourceGraphic"/></filter><g filter="url(#read-now-a)" transform="translate(.002 .002)"><path d="m644.227 342.519a47.317 47.317 0 0 1 33.9-14.1 47.884 47.884 0 0 1 48 47.764v.24a47.317 47.317 0 0 1 -14.1 33.9 47.893 47.893 0 0 1 -33.9 14.1 47.286 47.286 0 0 1 -27.452-8.706l-17.1 5.255 5.255-17.1a47.63 47.63 0 0 1 5.4-61.354" fill="#bbd13e" transform="translate(-600.09 -298.42)"/></g><g filter="url(#read-now-b)" transform="translate(.002 .002)"><path d="m-17.4-17.088h2.448v7.344h3.024v-7.344h2.448v17.088h-2.448v-7.584h-3.024v7.584h-2.448zm11.256 0h2.444v17.088h-2.444zm5.784 0h7.3v2.3h-4.852v5.04h4.224v2.3h-4.224v4.992h4.848v2.456h-7.296zm12.288 7.632h1.392a1.711 1.711 0 0 0 1.572-.636 3.967 3.967 0 0 0 .4-2.028 3.86 3.86 0 0 0 -.408-2.04 1.88 1.88 0 0 0 -1.68-.624h-1.276zm-2.448-7.632h3.936q4.32 0 4.32 5.016a6.147 6.147 0 0 1 -.48 2.592 3.747 3.747 0 0 1 -1.632 1.68l2.64 7.8h-2.585l-2.291-7.295h-1.46v7.295h-2.448zm-37.128 24h2.448v14.64h4.848v2.448h-7.3zm9.84 0h7.3v2.3h-4.852v5.04h4.224v2.3h-4.224v4.992h4.848v2.456h-7.3zm17.76 4.92h-2.452v-.552a2.505 2.505 0 0 0 -.4-1.5 1.518 1.518 0 0 0 -1.32-.564 1.38 1.38 0 0 0 -1.284.612 3.041 3.041 0 0 0 -.372 1.6 3.3 3.3 0 0 0 .24 1.488 2.2 2.2 0 0 0 1.152.792l1.872.744a3.5 3.5 0 0 1 2.048 1.628 7.14 7.14 0 0 1 .516 3.048 6.1 6.1 0 0 1 -.984 3.672 3.747 3.747 0 0 1 -3.24 1.344 4.13 4.13 0 0 1 -2.976-1.152 3.856 3.856 0 0 1 -1.2-2.9v-.912h2.448v.768a1.884 1.884 0 0 0 .42 1.248 1.607 1.607 0 0 0 1.308.5q1.152 0 1.464-.588a4.458 4.458 0 0 0 .308-1.956 4.239 4.239 0 0 0 -.24-1.788 2.367 2.367 0 0 0 -1.176-.8l-1.752-.72a4.022 4.022 0 0 1 -2.088-1.656 5.605 5.605 0 0 1 -.576-2.736 5.122 5.122 0 0 1 1.08-3.372 3.815 3.815 0 0 1 3.12-1.308 3.914 3.914 0 0 1 2.92 1.184 3.732 3.732 0 0 1 1.164 2.676zm2.784-4.92h7.3v2.3h-4.852v5.04h4.224v2.3h-4.224v4.992h4.848v2.456h-7.3zm9.744 0h2.361l3.7 10.294.034-10.291h2.448v17.085h-2.3l-3.747-10.272-.048 10.272h-2.448zm11.9 0h3.072l-.932 12.864h-1.2zm.312 14.64h2.448v2.448h-2.44z" fill="#fff" transform="translate(78 74)"/></g></svg><p class="sr-only">Natur+Umwelt Magazin lesen</p></a></div></div><div class="w-full md:w-1/2 lg:w-auto lg:order-1 text-center md:text-left mb-6 lg:flex-grow md:mt-10 lg:mt-5 lg:mb-0"><ul class="list-inline lg:flex lg:justify-between lg:w-5/6"><li class="inline-block"><a href="https://www.facebook.com/bundnaturschutz" target="_blank" class="group block mr-2 lg:mr-0" rel="noopener"><span class="sr-only">Facebook</span><svg class="w-10 h-10" height="39.498" viewBox="0 0 39.497 39.498" width="39.497" xmlns="http://www.w3.org/2000/svg"><path d="m6.992 13.985a19.748 19.748 0 0 0 19.749-19.748 19.749 19.749 0 0 0 -19.749-19.749 19.749 19.749 0 0 0 -19.748 19.749 19.748 19.748 0 0 0 19.748 19.748" class="duration-300 fill-current group-hover:text-green-600 text-green-500 transition-colors" transform="translate(12.756 25.512)"/><path d="m0 2.312h2.042v-1.985a5.3 5.3 0 0 1 .658-3.059 3.63 3.63 0 0 1 3.169-1.486 12.852 12.852 0 0 1 3.66.367l-.511 3.025a6.879 6.879 0 0 0 -1.644-.246c-.794 0-1.5.285-1.5 1.078v2.306h3.251l-.225 2.954h-3.031v10.265h-3.827v-10.265h-2.042z" fill="#fff" transform="translate(14.984 14.092)"/></svg></a></li><li class="inline-block"><a href="https://www.instagram.com/bundnaturschutz" target="_blank" class="group block mr-2 lg:mr-0" rel="noopener"><span class="sr-only">Instagram</span><svg class="w-10 h-10" height="40.019" viewBox="0 0 40.02 40.019" width="40.02" xmlns="http://www.w3.org/2000/svg"><path d="m7.085 14.17a20.011 20.011 0 0 0 20.01-20.01 20.01 20.01 0 0 0 -20.01-20.009 20.009 20.009 0 0 0 -20.009 20.009 20.009 20.009 0 0 0 20.009 20.01" class="duration-300 fill-current group-hover:text-green-600 text-green-500 transition-colors" transform="translate(12.925 25.849)"/><path d="m7.516 5.442v-9.512a5.865 5.865 0 0 0 -5.858-5.858h-9.512a5.865 5.865 0 0 0 -5.857 5.858v9.512a5.865 5.865 0 0 0 5.857 5.858h9.512a5.865 5.865 0 0 0 5.858-5.858m-5.145-4.756a5.475 5.475 0 0 1 -5.471 5.47 5.476 5.476 0 0 1 -5.468-5.47 5.476 5.476 0 0 1 5.468-5.469 5.475 5.475 0 0 1 5.471 5.469m2.3-6.027a1.738 1.738 0 0 1 -.5 1.218 1.739 1.739 0 0 1 -1.22.5 1.735 1.735 0 0 1 -1.217-.5 1.74 1.74 0 0 1 -.514-1.218 1.734 1.734 0 0 1 .506-1.218 1.728 1.728 0 0 1 1.217-.5 1.73 1.73 0 0 1 1.22.5 1.733 1.733 0 0 1 .5 1.218" fill="#fff" transform="translate(23.107 19.323)"/></svg></a></li><li class="inline-block"><a href="https://twitter.com/bundnaturschutz" target="_blank" class="group block mr-2 lg:mr-0" rel="noopener"><span class="sr-only">Twitter</span><svg class="w-10 h-10" height="39.498" viewBox="0 0 39.497 39.498" width="39.497" xmlns="http://www.w3.org/2000/svg"><path d="m6.992 13.985a19.748 19.748 0 0 0 19.749-19.748 19.749 19.749 0 0 0 -19.749-19.749 19.749 19.749 0 0 0 -19.748 19.749 19.748 19.748 0 0 0 19.748 19.748" class="duration-300 fill-current group-hover:text-green-600 text-green-500 transition-colors" transform="translate(12.756 25.512)"/><path d="m7 .674a8.18 8.18 0 0 1 -2.33.639 4.068 4.068 0 0 0 1.788-2.245 8.114 8.114 0 0 1 -2.578.983 4.06 4.06 0 0 0 -7.019 2.778 4.037 4.037 0 0 0 .1.924 11.524 11.524 0 0 1 -8.361-4.24 4.041 4.041 0 0 0 -.55 2.042 4.063 4.063 0 0 0 1.805 3.378 4.087 4.087 0 0 1 -1.839-.508v.05a4.06 4.06 0 0 0 3.257 3.98 4 4 0 0 1 -1.073.145 4.116 4.116 0 0 1 -.763-.071 4.057 4.057 0 0 0 3.79 2.816 8.133 8.133 0 0 1 -5.039 1.739 8.006 8.006 0 0 1 -.969-.057 11.485 11.485 0 0 0 6.222 1.824 11.467 11.467 0 0 0 11.549-11.551c0-.176 0-.351-.011-.525a8.216 8.216 0 0 0 2.021-2.101" fill="#fff" transform="translate(22.652 13.902)"/></svg></a></li><li class="inline-block"><a href="http://www.youtube.com/user/BundNaturschutzBN" target="_blank" class="group block mr-2 lg:mr-0" rel="noopener"><span class="sr-only">Youtube</span><svg class="w-10 h-10" height="39.498" viewBox="0 0 39.497 39.498" width="39.497" xmlns="http://www.w3.org/2000/svg"><path d="m6.992 13.985a19.75 19.75 0 0 0 19.75-19.748 19.75 19.75 0 0 0 -19.75-19.749 19.748 19.748 0 0 0 -19.748 19.749 19.748 19.748 0 0 0 19.748 19.748" class="duration-300 fill-current group-hover:text-green-600 text-green-500 transition-colors" transform="translate(12.756 25.512)"/><path d="m5.288 3.107-14.935 8.772v-17.546z" fill="#fff" transform="translate(25.07 16.643)"/></svg></a></li></ul></div></div></div><div class="w-full md:w-4/12 lg:w-6/12 md:order-1 o-25 text-center md:text-left mb-4 lg:mr-4"><a href="/impressum" class="text-sm text-white mb-4 lg:mb-2 opacity-25 hover:opacity-75 transition-opacity duration-100 flex justify-center items-center md:justify-start"> › Impressum und Datenschutz </a><p class="text-xxs text-white opacity-25">Der BUND Naturschutz ist laut Bescheid mit der Steuernummer 244/147/80055 vom 16.11.2020 von der Körperschafts- und Gewerbesteuer befreit. Ihre Zuwendung an den BUND Naturschutz ist steuerlich absetzbar.</p></div></div></div></footer><div class="h-12 sm:h-14 lg:h-0"></div><div class="bg-white shadow-slider w-full bottom-0 fixed lg:bg-transparent lg:shadow-none lg:w-auto right-0 z-10"><div class="container p-0 lg:pr-6 lg:pb-6"><div class="grid grid-cols-3 lg:block h-12 sm:h-14 lg:h-auto sm:gap-4"><a href="/spenden-helfen/spenden" title="Jetzt spenden!" class="group flex items-center lg:block lg:mb-2 lg:bg-pink-500 lg:rounded-full lg:max-w-20 hover:max-w-48 transition-all duration-500 lg:shadow-md mx-0 sm:mx-auto lg:mr-0 ease-in-out overflow-hidden"><div class="w-full lg:w-48 lg:max-h-20 flex flex-col lg:flex-row items-center justify-center lg:justify-start"><svg class="lg:hidden h-5 w-5 sm:w-7 sm:h-7" height="15.844" viewBox="0 0 18.726 15.844" width="18.726" xmlns="http://www.w3.org/2000/svg"><g fill="#e34b76"><path d="m13589.107 19558.189a.52.52 0 0 1 -.344-.133l-.02-.02c-.494-.434-1-.873-1.6-1.383l-.372-.32-.191-.166-.015-.012a41.028 41.028 0 0 1 -4.535-4.279 6.673 6.673 0 0 1 -1.821-4.363 5.457 5.457 0 0 1 1.3-3.613 4.458 4.458 0 0 1 7.151.521.5.5 0 1 0 .889 0 4.458 4.458 0 0 1 7.151-.521 5.659 5.659 0 0 1 1.091 5.113 5.178 5.178 0 0 0 -.934-.57 4.578 4.578 0 0 0 -.937-3.846 3.463 3.463 0 0 0 -2.646-1.2 3.515 3.515 0 0 0 -2.876 1.629 6.3 6.3 0 0 0 -.8 1.6.518.518 0 0 1 -.5.363.527.527 0 0 1 -.5-.363 6.218 6.218 0 0 0 -.795-1.6 3.52 3.52 0 0 0 -2.877-1.629 3.466 3.466 0 0 0 -2.646 1.2 4.4 4.4 0 0 0 -1.036 2.916c0 2.7 2.389 4.75 6 7.854l.14.121c.539.463 1.114.959 1.706 1.479.112-.1.225-.2.336-.293l.406-.35.271-.236a5.453 5.453 0 0 0 .638.834c-.509.438-.9.781-1.283 1.115l-.025.02a.506.506 0 0 1 -.326.13200000001z" transform="translate(-13580.213 -19542.346)"/><path d="m-8.145 0a4.349 4.349 0 0 0 -4.331 4.367 4.349 4.349 0 0 0 4.331 4.366 4.349 4.349 0 0 0 4.33-4.366 4.349 4.349 0 0 0 -4.33-4.367m1.511 6.579a2.6 2.6 0 0 1 -.4.147 2.664 2.664 0 0 1 -1.581-.02 2.068 2.068 0 0 1 -1.311-1.254c-.048-.119-.08-.243-.118-.366h-.5a.15.15 0 0 1 -.15-.151v-.335a.15.15 0 0 1 .15-.151h.412v-.278h-.412a.15.15 0 0 1 -.15-.151v-.338a.15.15 0 0 1 .15-.151h.524l.02-.052a2.235 2.235 0 0 1 .756-1.128 2.152 2.152 0 0 1 1-.419 2.832 2.832 0 0 1 1.518.182.628.628 0 0 1 .093.045.2.2 0 0 1 .1.286c-.056.133-.11.267-.171.4a.188.188 0 0 1 -.244.122c-.166-.037-.328-.09-.494-.124a1.78 1.78 0 0 0 -1.035.057 1.08 1.08 0 0 0 -.591.622.02.02 0 0 0 0 .011h1.018a.15.15 0 0 1 .15.151v.338a.15.15 0 0 1 -.15.151h-1.165v.275h1.164a.15.15 0 0 1 .151.152v.338a.15.15 0 0 1 -.15.151h-1.063a1.12 1.12 0 0 0 .729.78 1.835 1.835 0 0 0 .946.027c.164-.034.325-.084.488-.122a.189.189 0 0 1 .25.126q.091.2.171.4a.194.194 0 0 1 -.107.278" transform="translate(22.541 6.556)"/></g></svg><svg class="hidden lg:inline-block h-20 w-20" height="28" viewBox="0 0 28 28" width="28" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="flyout-donate-a"><path d="m0 0h21.07v21.156h-21.07z"/></clipPath><path d="m-26.25-52.5a14 14 0 0 0 14-14 14 14 0 0 0 -14-14 14 14 0 0 0 -14 14 14 14 0 0 0 14 14" fill="#e34b76" transform="translate(40.25 80.5)"/><g clip-path="url(#flyout-donate-a)" opacity=".8" transform="translate(3.786 2.656)"><path d="m-24.571 0a4.508 4.508 0 0 0 -3.729 2.075 6.819 6.819 0 0 0 -.443.724 6.818 6.818 0 0 0 -.443-.724 4.508 4.508 0 0 0 -3.723-2.075 4.491 4.491 0 0 0 -3.427 1.557 5.463 5.463 0 0 0 -1.3 3.611 6.687 6.687 0 0 0 1.819 4.368 40.621 40.621 0 0 0 4.552 4.288c.688.591 1.4 1.2 2.158 1.872l.023.02a.517.517 0 0 0 .343.13.517.517 0 0 0 .343-.13l.023-.02c.758-.668 1.47-1.28 2.158-1.872a40.615 40.615 0 0 0 4.551-4.288 6.686 6.686 0 0 0 1.819-4.368 5.465 5.465 0 0 0 -1.3-3.611 4.491 4.491 0 0 0 -3.424-1.557m-2.321 13.024c-.593.51-1.2 1.034-1.848 1.6-.644-.564-1.254-1.089-1.848-1.6-3.616-3.106-6-5.158-6-7.856a4.409 4.409 0 0 1 1.038-2.916 3.465 3.465 0 0 1 2.645-1.2 3.508 3.508 0 0 1 2.876 1.632 6.262 6.262 0 0 1 .8 1.6.521.521 0 0 0 .5.363.522.522 0 0 0 .5-.363 6.246 6.246 0 0 1 .8-1.6 3.508 3.508 0 0 1 2.876-1.632 3.467 3.467 0 0 1 2.645 1.2 4.41 4.41 0 0 1 1.038 2.916c0 2.7-2.389 4.75-6 7.856" fill="#fff" transform="translate(39.022 4.55)"/><path d="m-9.945 0a5.31 5.31 0 0 0 -5.288 5.332 5.31 5.31 0 0 0 5.288 5.332 5.31 5.31 0 0 0 5.288-5.332 5.31 5.31 0 0 0 -5.288-5.332" fill="#e34b76" transform="translate(25.728 10.142)"/><path d="m-8.145 0a4.349 4.349 0 0 0 -4.331 4.367 4.349 4.349 0 0 0 4.331 4.366 4.349 4.349 0 0 0 4.33-4.366 4.349 4.349 0 0 0 -4.33-4.367m1.511 6.579a2.6 2.6 0 0 1 -.4.147 2.664 2.664 0 0 1 -1.581-.02 2.068 2.068 0 0 1 -1.311-1.254c-.048-.119-.08-.243-.118-.366h-.5a.15.15 0 0 1 -.15-.151v-.335a.15.15 0 0 1 .15-.151h.412v-.278h-.412a.15.15 0 0 1 -.15-.151v-.338a.15.15 0 0 1 .15-.151h.524l.02-.052a2.235 2.235 0 0 1 .756-1.128 2.152 2.152 0 0 1 1-.419 2.832 2.832 0 0 1 1.518.182.628.628 0 0 1 .093.045.2.2 0 0 1 .1.286c-.056.133-.11.267-.171.4a.188.188 0 0 1 -.244.122c-.166-.037-.328-.09-.494-.124a1.78 1.78 0 0 0 -1.035.057 1.08 1.08 0 0 0 -.591.622.02.02 0 0 0 0 .011h1.018a.15.15 0 0 1 .15.151v.338a.15.15 0 0 1 -.15.151h-1.165v.275h1.164a.15.15 0 0 1 .151.152v.338a.15.15 0 0 1 -.15.151h-1.063a1.12 1.12 0 0 0 .729.78 1.835 1.835 0 0 0 .946.027c.164-.034.325-.084.488-.122a.189.189 0 0 1 .25.126q.091.2.171.4a.194.194 0 0 1 -.107.278" fill="#fff" transform="translate(23.928 11.107)"/></g><path d="m0-52.5h28v-28h-28z" fill="none" transform="translate(0 80.5)"/></svg><span class="inline-block lg:w-24 ml-2 text-xs sm:text-xs lg:text-lg text-pink-500 lg:text-white font-serif font-bold lg:pr-8 lg:opacity-0 group-hover:opacity-100 transition-opacity duration-500 tracking-tight">Jetzt spenden!</span></div></a><a href="/aktionen" title="Aktiv werden" class="group flex items-center lg:block lg:mb-2 lg:bg-green-500 lg:rounded-full lg:max-w-20 hover:max-w-48 transition-all duration-500 lg:shadow-md mx-0 sm:mx-auto lg:mr-0 ease-in-out overflow-hidden"><div class="w-full lg:w-48 lg:max-h-20 flex flex-col lg:flex-row items-center justify-center lg:justify-start"><svg class="lg:hidden h-5 w-5 sm:w-7 sm:h-7" height="51" viewBox="0 0 51 51" width="51" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="campaign-mobile-a"><path d="m235.657 65.657h51v51h-51z"/></clipPath><g clip-path="url(#campaign-mobile-a)" opacity=".8" transform="translate(-235.657 -65.657)"><path d="m45.678 29.46a4.691 4.691 0 0 0 -2.619.8 13.129 13.129 0 0 0 -7.749-3.675v-3.12a10.286 10.286 0 0 0 8.8-10.165 1.467 1.467 0 0 0 -1.467-1.467 10.239 10.239 0 0 0 -7.336 3.091v-1.112c.948-1.009 2.934-3.48 2.934-6.476 0-3.853-3.283-6.837-3.423-6.962a1.468 1.468 0 0 0 -1.958 0c-.139.125-3.423 3.109-3.423 6.962 0 3 1.986 5.468 2.934 6.476v1.114a10.239 10.239 0 0 0 -7.336-3.091 1.467 1.467 0 0 0 -1.462 1.465 10.286 10.286 0 0 0 8.8 10.165v3.123a13.266 13.266 0 0 0 -7.388 3.335 14.417 14.417 0 0 0 -12.778-.033l-5.115 2.5h-5.625a1.467 1.467 0 0 0 -1.467 1.471v11.739a1.45 1.45 0 0 0 1.467 1.447h9.231a16.264 16.264 0 0 0 9.273 3.03h13.872a10.357 10.357 0 0 0 8.21-4.18l7.147-9.397a4.4 4.4 0 0 0 -3.522-7.041zm-4.688-14.5a7.36 7.36 0 0 1 -5.49 5.49 7.36 7.36 0 0 1 5.491-5.492zm-14.3 0a7.36 7.36 0 0 1 5.492 5.492 7.36 7.36 0 0 1 -5.482-5.494zm7.148-11.3a6.391 6.391 0 0 1 1.472 3.676 6.39 6.39 0 0 1 -1.467 3.675 6.391 6.391 0 0 1 -1.467-3.675 6.39 6.39 0 0 1 1.467-3.675zm0 25.78a10.218 10.218 0 0 1 7.138 2.9l-4.208 4.517c0-.02 0-.04 0-.06a4.406 4.406 0 0 0 -4.4-4.4h-3.286c-.668 0-.938-.36-1.5-.811a10.293 10.293 0 0 1 6.262-2.141zm13.019 5.29-7.148 9.4a7.414 7.414 0 0 1 -5.869 3.014h-13.868a13.338 13.338 0 0 1 -7.912-2.713 1.465 1.465 0 0 0 -.813-.291c-.085 0-.306-.014-8.312-.011v-8.82h4.5a1.473 1.473 0 0 0 .645-.149l5.42-2.631a11.489 11.489 0 0 1 10.959.45l.034.021a11.63 11.63 0 0 1 1.682 1.23 4.38 4.38 0 0 0 2.908 1.078h3.294a1.486 1.486 0 0 1 1.466 1.492 1.469 1.469 0 0 1 -1.467 1.467h-7.493a1.467 1.467 0 0 0 -1.467 1.467 1.451 1.451 0 0 0 1.467 1.448h9.944a4.4 4.4 0 0 0 3.22-1.382l6.459-6.934a1.684 1.684 0 0 1 1.172-.468 1.469 1.469 0 0 1 1.467 1.467 1.446 1.446 0 0 1 -.286.871zm0 0" fill="#85BC21" transform="translate(236.117 66.117)"/></g></svg><svg class="hidden lg:inline-block h-20 w-20" height="80" viewBox="0 0 80 80" width="80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="campaign-desktop-a"><path d="m0-.5h80v-80h-80z" transform="translate(0 80.5)"/></clipPath><clipPath id="campaign-desktop-b"><path d="m235.657 65.657h51v51h-51z"/></clipPath><g clip-path="url(#campaign-desktop-a)"><path d="m-.25-.5a40 40 0 0 0 40-40 40 40 0 0 0 -40-40 40 40 0 0 0 -40 40 40 40 0 0 0 40 40" fill="#85bc21" transform="translate(40.25 80.5)"/></g><g clip-path="url(#campaign-desktop-b)" opacity=".8" transform="translate(-220.657 -50.657)"><path d="m45.678 29.46a4.691 4.691 0 0 0 -2.619.8 13.129 13.129 0 0 0 -7.749-3.675v-3.12a10.286 10.286 0 0 0 8.8-10.165 1.467 1.467 0 0 0 -1.467-1.467 10.239 10.239 0 0 0 -7.336 3.091v-1.112c.948-1.009 2.934-3.48 2.934-6.476 0-3.853-3.283-6.837-3.423-6.962a1.468 1.468 0 0 0 -1.958 0c-.139.125-3.423 3.109-3.423 6.962 0 3 1.986 5.468 2.934 6.476v1.114a10.239 10.239 0 0 0 -7.336-3.091 1.467 1.467 0 0 0 -1.462 1.465 10.286 10.286 0 0 0 8.8 10.165v3.123a13.266 13.266 0 0 0 -7.388 3.335 14.417 14.417 0 0 0 -12.778-.033l-5.115 2.5h-5.625a1.467 1.467 0 0 0 -1.467 1.471v11.739a1.45 1.45 0 0 0 1.467 1.447h9.231a16.264 16.264 0 0 0 9.273 3.03h13.872a10.357 10.357 0 0 0 8.21-4.18l7.147-9.397a4.4 4.4 0 0 0 -3.522-7.041zm-4.688-14.5a7.36 7.36 0 0 1 -5.49 5.49 7.36 7.36 0 0 1 5.491-5.492zm-14.3 0a7.36 7.36 0 0 1 5.492 5.492 7.36 7.36 0 0 1 -5.482-5.494zm7.148-11.3a6.391 6.391 0 0 1 1.472 3.676 6.39 6.39 0 0 1 -1.467 3.675 6.391 6.391 0 0 1 -1.467-3.675 6.39 6.39 0 0 1 1.467-3.675zm0 25.78a10.218 10.218 0 0 1 7.138 2.9l-4.208 4.517c0-.02 0-.04 0-.06a4.406 4.406 0 0 0 -4.4-4.4h-3.286c-.668 0-.938-.36-1.5-.811a10.293 10.293 0 0 1 6.262-2.141zm13.019 5.29-7.148 9.4a7.414 7.414 0 0 1 -5.869 3.014h-13.868a13.338 13.338 0 0 1 -7.912-2.713 1.465 1.465 0 0 0 -.813-.291c-.085 0-.306-.014-8.312-.011v-8.82h4.5a1.473 1.473 0 0 0 .645-.149l5.42-2.631a11.489 11.489 0 0 1 10.959.45l.034.021a11.63 11.63 0 0 1 1.682 1.23 4.38 4.38 0 0 0 2.908 1.078h3.294a1.486 1.486 0 0 1 1.466 1.492 1.469 1.469 0 0 1 -1.467 1.467h-7.493a1.467 1.467 0 0 0 -1.467 1.467 1.451 1.451 0 0 0 1.467 1.448h9.944a4.4 4.4 0 0 0 3.22-1.382l6.459-6.934a1.684 1.684 0 0 1 1.172-.468 1.469 1.469 0 0 1 1.467 1.467 1.446 1.446 0 0 1 -.286.871zm0 0" fill="#fff" transform="translate(236.117 66.117)"/></g></svg><span class="inline-block lg:w-24 ml-2 text-xs sm:text-xs lg:text-lg text-green-500 lg:text-white font-serif font-bold lg:pr-8 lg:opacity-0 group-hover:opacity-100 transition-opacity duration-500 tracking-tight">Aktiv werden</span></div></a><a href="/spenden-helfen/mitglied-werden" title="Mitglied werden" class="group flex items-center lg:block lg:mb-2 lg:bg-orange-500 lg:rounded-full lg:max-w-20 hover:max-w-48 transition-all duration-500 lg:shadow-md mx-0 sm:mx-auto lg:mr-0 ease-in-out overflow-hidden"><div class="w-full lg:w-48 lg:max-h-20 flex flex-col lg:flex-row items-center justify-center lg:justify-start"><svg class="lg:hidden h-5 w-5 sm:w-7 sm:h-7" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><mask id="flyout-member-mobile-a" fill="#fff"><path d="m8.273 17.346c4.5690517 0 8.273-3.7039483 8.273-8.273 0-2.19413602-.8716171-4.29840594-2.4231056-5.8498944s-3.6557584-2.4231056-5.8498944-2.4231056c-4.56905174 0-8.273 3.70394826-8.273 8.273 0 4.5690517 3.70394826 8.273 8.273 8.273" fill="#fff" fill-rule="evenodd"/></mask><g fill="none" fill-rule="evenodd"><g mask="url(#flyout-member-mobile-a)" stroke="#e48900" transform="translate(0 1)"><g transform="translate(2.5 5.434)"><path d="m5.772 5.627c1.2928986 0 2.341-1.0481014 2.341-2.341 0-.6208718-.24664036-1.21631431-.68566303-1.65533697-.43902266-.43902267-1.03446517-.68566303-1.65533697-.68566303s-1.21631431.24664036-1.65533697.68566303c-.43902267.43902266-.68566303 1.03446517-.68566303 1.65533697s.24664036 1.21631431.68566303 1.65533697c.43902266.43902267 1.03446517.68566303 1.65533697.68566303z"/><path d="m5.772 15.183c2.6366074 0 4.774-2.1373926 4.774-4.774.0002653-1.26631677-.5025912-2.48085927-1.39791862-3.37637424-.89532743-.89551496-2.10976458-1.39862579-3.37608138-1.39862576-1.2663168-.00000003-2.48075395.5031108-3.37608138 1.39862576-.89532742.89551497-1.39818387 2.11005747-1.39791862 3.37637424 0 1.2661435.50297356 2.4804291 1.39827223 3.3757278.89529867.8952986 2.10958425 1.3982722 3.37572777 1.3982722z"/></g></g><path d="m8.273 17.979c4.2925189 0 7.7724478-3.4794812 7.773-7.772 0-4.29290936-3.4800906-7.773-7.773-7.773-2.06152778 0-4.03862074.81893872-5.49634101 2.27665899s-2.27665899 3.43481323-2.27665899 5.49634101c.00055224 4.2925188 3.48048113 7.772 7.773 7.772z" stroke="#e48900"/><path d="m13.5004911 0c-2.4855526 0-4.5004911 2.0149385-4.5004911 4.50049111.00054238 2.48516901 2.015322 4.49950895 4.5004911 4.49950889 2.4847855-.00054223 4.4989667-2.01472339 4.4995089-4.49950889.0000001-2.48516908-2.0143399-4.49994873-4.4995089-4.50049111" fill="#fff"/><g fill="#e48900" transform="translate(10 1)"><path d="m3.5 0c-1.93299662 0-3.5 1.56700338-3.5 3.5s1.56700338 3.5 3.5 3.5 3.5-1.56700338 3.5-3.5-1.56700338-3.5-3.5-3.5"/><g stroke="#fff"><path d="m3.5 1.5v4.186"/><path d="m5.5 3.5h-4"/></g></g></g></svg><svg class="hidden lg:inline-block h-20 w-20" height="28" viewBox="0 0 28 28" width="28" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="flyout-member-a"><path d="m0-52.5h28v-28h-28z" transform="translate(0 80.5)"/></clipPath><clipPath id="flyout-member-b"><path d="m0 0h35.633v27.49h-35.633z"/></clipPath><clipPath id="flyout-member-c"><path d="m25.838-47.37a7.773 7.773 0 0 0 7.773-7.773 7.773 7.773 0 0 0 -7.773-7.773 7.773 7.773 0 0 0 -7.773 7.773 7.773 7.773 0 0 0 7.773 7.773" transform="translate(-18.065 62.915)"/></clipPath><g clip-path="url(#flyout-member-a)"><path d="m-26.25-52.5a14 14 0 0 0 14-14 14 14 0 0 0 -14-14 14 14 0 0 0 -14 14 14 14 0 0 0 14 14" fill="#e48900" transform="translate(40.25 80.5)"/><g clip-path="url(#flyout-member-b)" opacity=".8" transform="translate(-.098 -4.662)"><g clip-path="url(#flyout-member-c)" fill="none" stroke="#fff" transform="translate(6.381 11.129)"><path d="m-4.39-8.779a2.341 2.341 0 0 0 2.341-2.341 2.341 2.341 0 0 0 -2.341-2.341 2.341 2.341 0 0 0 -2.341 2.341 2.341 2.341 0 0 0 2.341 2.341z" transform="translate(12.162 18.406)"/><path d="m-8.952-17.9a4.774 4.774 0 0 0 4.774-4.774 4.774 4.774 0 0 0 -4.774-4.775 4.774 4.774 0 0 0 -4.774 4.775 4.774 4.774 0 0 0 4.774 4.774z" transform="translate(16.724 37.083)"/></g><path d="m-14.573-29.147a7.773 7.773 0 0 0 7.773-7.772 7.773 7.773 0 0 0 -7.773-7.773 7.773 7.773 0 0 0 -7.773 7.773 7.773 7.773 0 0 0 7.773 7.772z" fill="none" stroke="#fff" transform="translate(28.727 55.821)"/><path d="m-8.59 0a4.582 4.582 0 0 0 -4.582 4.582 4.582 4.582 0 0 0 4.582 4.581 4.582 4.582 0 0 0 4.581-4.581 4.582 4.582 0 0 0 -4.581-4.582" fill="#e48900" transform="translate(28.163 8.696)"/><path d="m-6.382 0a3.4 3.4 0 0 0 -3.4 3.4 3.4 3.4 0 0 0 3.4 3.4 3.4 3.4 0 0 0 3.4-3.4 3.4 3.4 0 0 0 -3.4-3.4" fill="#fff" transform="translate(25.954 9.874)"/><g fill="#e48900" stroke="#e48900"><path d="m0 0v3.944" transform="translate(19.573 11.305)"/><path d="m-7.4 0h-3.94" transform="translate(28.94 13.277)"/></g></g></g></svg><span class="inline-block lg:w-24 ml-2 text-xs sm:text-xs lg:text-lg text-orange-500 lg:text-white font-serif font-bold lg:pr-8 lg:opacity-0 group-hover:opacity-100 transition-opacity duration-500 tracking-tight">Mitglied werden</span></div></a></div></div></div><div class=" bottom-0 fixed lg:bg-transparent lg:shadow-none lg:w-auto right-0 z-10"><div class="container p-0 lg:pr-6 lg:pb-6"><div class="grid grid-cols-3 lg:block h-12 sm:h-14 lg:h-auto sm:gap-4"></div></div></div></div><script src="/typo3temp/assets/compressed/merged-dc109ec2ba46d06e412039dec5280cf8-min.js?1629896950" type="text/javascript"></script><script src="/typo3temp/assets/compressed/merged-31cf5e401aa20a0955b4ca9abd67c79c-min.js?1631539065" type="text/javascript"></script><script type="text/javascript" src="/typo3temp/assets/vhs-assets-BigPicture-BigPictureGalleryConfig.js?1642764045"></script>
|
||
</body></html> |