PageSourceSearch

https://www.demeter.de/kontakt-anfahrt

html demeter.de collected 2026-09-24 19:09:10 UTC 88,704 bytes, 4,147 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de" dir="ltr" prefix="og: https://ogp.me/ns#">
3  <head>
4    <meta charset="utf-8" />
5<script type="text/javascript" id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="1a996631-36be-4c6a-a9fa-3d5d72049854" data-blockingmode="auto"></script>
5
6<noscript><style>form.antibot * :not(.antibot-message) { display: none !important; }</style>
7</noscript>
7<script>var _paq = _paq || [];(function(){var u=(("https:" == document.location.protocol) ? "https://matomo.biodynamisch.net/" : "https://matomo.biodynamisch.net/");_paq.push(["setSiteId", 7]);_paq.push(["setTrackerUrl", u+"matomo.php"]);_paq.push(["setDoNotTrack", 1]);_paq.push(["setCookieDomain", ".www.demeter.de"]);_paq.push(['requireCookieConsent']);if (!window.matomo_search_results_active) {_paq.push(["trackPageView"]);}_paq.push(["setIgnoreClasses", ["no-tracking","colorbox"]]);_paq.push(["enableLinkTracking"]);var d=document,g=d.createElement("script"),s=d.getElementsByTagName("script")[0];g.type="text/javascript";g.defer=true;g.async=true;g.src=u+"matomo.js";s.parentNode.insertBefore(g,s);})();</script>
7
8<link rel="canonical" href="https://www.demeter.de/kontakt-anfahrt" />
9<meta name="robots" content="index, follow" />
10<link rel="icon" href="/themes/wingsuit/images/favicon.ico" />
11<meta property="og:site_name" content="Demeter" />
12<meta property="og:type" content="article" />
13<meta property="og:url" content="https://www.demeter.de/kontakt-anfahrt" />
14<meta property="og:title" content="Kontakt &amp; Anfahrt | Demeter" />
15<meta property="og:description" content="So finden Sie uns und können uns erreichen." />
16<meta property="og:image" content="https://www.demeter.de/sites/default/files/styles/facebook/public/2022-11/_S5_6690.jpg?h=f2fcf546&amp;itok=kCF6h5as" />
17<meta property="og:image:type" content="image/jpeg" />
18<meta property="og:image:width" content="1200" />
19<meta property="og:image:height" content="630" />
20<meta property="og:updated_time" content="2026-09-22T14:03:15+0200" />
21<meta name="twitter:card" content="summary_large_image" />
22<meta name="twitter:title" content="Kontakt &amp; Anfahrt | Demeter" />
23<meta name="twitter:description" content="So finden Sie uns und können uns erreichen." />
24<meta name="twitter:site" content="@demeter_de" />
25<meta name="twitter:creator" content="@demeter_de" />
26<meta name="twitter:image" content="https://www.demeter.de/sites/default/files/styles/facebook/public/2022-11/_S5_6690.jpg?h=f2fcf546&amp;itok=kCF6h5as" />
27<meta name="MobileOptimized" content="width" />
28<meta name="HandheldFriendly" content="true" />
29<meta name="viewport" content="width=device-width, initial-scale=1.0" />
30
31    <title>Kontakt &amp; Anfahrt | Demeter</title>
32    <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/align.module.css?tlr9fw" />
33<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/fieldgroup.module.css?tlr9fw" />
34<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/container-inline.module.css?tlr9fw" />
35<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/clearfix.module.css?tlr9fw" />
36<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/details.module.css?tlr9fw" />
37<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/hidden.module.css?tlr9fw" />
38<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/item-list.module.css?tlr9fw" />
39<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/js.module.css?tlr9fw" />
40<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/nowrap.module.css?tlr9fw" />
41<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/position-container.module.css?tlr9fw" />
42<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/reset-appearance.module.css?tlr9fw" />
43<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/resize.module.css?tlr9fw" />
44<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/system-status-counter.css?tlr9fw" />
45<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/system-status-report-counters.css?tlr9fw" />
46<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/system-status-report-general-info.css?tlr9fw" />
47<link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/tablesort.module.css?tlr9fw" />
48<link rel="stylesheet" media="all" href="/themes/wingsuit/dist/app-drupal/wingsuit/../container.css?tlr9fw" />
49<link rel="stylesheet" media="all" href="/themes/wingsuit/dist/app-drupal/wingsuit/../drilldown-navigation-drupal.css?tlr9fw" />
50<link rel="stylesheet" media="all" href="/themes/wingsuit/dist/app-drupal/wingsuit/../header.css?tlr9fw" />
51<link rel="stylesheet" media="all" href="/themes/wingsuit/dist/app-drupal/wingsuit/../header-link.css?tlr9fw" />
52<link rel="stylesheet" media="all" href="/themes/wingsuit/dist/app-drupal/wingsuit/../headline.css?tlr9fw" />
53<link rel="stylesheet" media="all" href="/themes/wingsuit/dist/app-drupal/wingsuit/../link.css?tlr9fw" />
54<link rel="stylesheet" media="all" href="/themes/wingsuit/dist/app-drupal/wingsuit/../megalayer.css?tlr9fw" />
55<link rel="stylesheet" media="all" href="/themes/wingsuit/dist/app-drupal/wingsuit/../meta.css?tlr9fw" />
56<link rel="stylesheet" media="all" href="/themes/wingsuit/dist/app-drupal/wingsuit/../simple-link.css?tlr9fw" />
57<link rel="stylesheet" media="all" href="/themes/wingsuit/dist/app-drupal/wingsuit/../sli
57de-toggle.css?tlr9fw" />
58<link rel="stylesheet" media="all" href="/themes/wingsuit/dist/app-drupal/wingsuit/../social-media-touchpoints.css?tlr9fw" />
59<link rel="stylesheet" media="all" href="/themes/wingsuit/dist/app-drupal/wingsuit/../teaser-image.css?tlr9fw" />
60<link rel="stylesheet" media="all" href="/themes/wingsuit/dist/app-drupal/wingsuit/../teaser-topic.css?tlr9fw" />
61<link rel="stylesheet" media="all" href="/modules/contrib/cookiebot/css/cookiebot.css?tlr9fw" />
62<link rel="stylesheet" media="all" href="/modules/contrib/paragraphs/css/paragraphs.unpublished.css?tlr9fw" />
63<link rel="stylesheet" media="all" href="/themes/wingsuit/apps/drupal/css/_drupal-styles.css?tlr9fw" />
64<link rel="stylesheet" media="all" href="/themes/wingsuit/dist/app-drupal/fonts.css?tlr9fw" />
65<link rel="stylesheet" media="all" href="/themes/wingsuit/dist/app-drupal/base.css?tlr9fw" />
66<link rel="stylesheet" media="all" href="/themes/wingsuit/dist/app-drupal/forms.css?tlr9fw" />
67<link rel="stylesheet" media="all" href="/themes/wingsuit/dist/app-drupal/typography.css?tlr9fw" />
68<link rel="stylesheet" media="all" href="/themes/wingsuit/dist/app-drupal/image.css?tlr9fw" />
69<link rel="stylesheet" media="all" href="/themes/wingsuit/dist/app-drupal/button.css?tlr9fw" />
70
71    
71<script src="/modules/demeter/demeter_core/js/matomo-consent.js?tlr9fw"></script>
71
72
73    <style>body > * {
74  transition: opacity 0s ease 1s;
75}
76@supports not (container-type: inline-size) {
77  body > * {
78    opacity: 0;
79  }
80}
81
82/* Contact Teaser */
83
84.contact-teaser {
85  container-type: inline-size !important;
86}
87
88.contact-teaser--vertical--inner {
89  flex-direction: column !important;
90}
91
92@container (min-width: 500px) {
93  .contact-teaser--vertical--inner {
94    flex-direction: row !important;
95  }
96
97  .contact-teaser--vertical--image {
98    width: 225px !important;
99  }
100}
101
102/* Facet Block */
103
104.facet-block {
105  container-type: inline-size;
106}
107
108@container (min-width: 450px) {
109  .facet-block > * {
110    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
111  }
112}
113
114@container (min-width: 700px) {
115  .facet-block:not(.facet-block--2col) > * {
116    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
117  }
118}
119
120/* Paragraph Video */
121
122.video--consent-message,
123.video--consent-message--box-inner {
124  container-type: inline-size;
125}
126
127.video--consent-message--text {
128  font-size: clamp(14px, 3.4cqw, 32px) !important;
129  grid-gap: clamp(15px, 5cqw, 60px) !important;
130  gap: clamp(15px, 5cqw, 60px) !important;
131}
132
133.video--consent-message--button {
134  font-size: clamp(14px, 3.4cqw, 32px) !important;
135}
136
137@container (min-width: 550px) {
138  .video--consent-message--text {
139    padding-right: 56px !important;
140    padding-left: 56px !important;
141  }
142}
143
144@container (min-width: 700px) {
145  .video--consent-message--box-outer {
146    padding: 64px !important;
147  }
148}
149
150/* Location Listelement */
151
152.location-listelement--infotext {
153  container-type: inline-size;
154}
155
156@container (min-width: 500px) {
157  .location-listelement--infotext--inner-2col {
158    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
159  }
160}
161
162/* Teaser Image */
163
164.teaser-image {
165  container-type: inline-size;
166}
167
168.teaser-image--headline {
169  min-height: 48px !important;
170}
171
172@container (min-width: 300px) {
173  .teaser-image--headline {
174    font-size: 32px !important;
175    min-height: 70px !important;
176  }
177}
178
179/* Hero Slider Special */
180
181.hero-slider-special--inner {
182  container-type: inline-size;
183}
184
185.hero-slider-special--headline {
186  font-size: clamp(40px, 10cqw, 60px) !important;
187}
188
189@media (min-width: 1200px) {
190  .hero-slider-special--headline {
191    font-size: clamp(32px, 10cqw, 80px) !important;
192  }
193}
194
195.hero-slider-special--info-grid--left-col,
196.hero-slider-special--info-grid--right-col {
197  grid-column: span 2;
198}
199
200@container (min-width: 500px) {
201  .hero-slider-special--info-grid--left-col,
202  .hero-slider-special--info-grid--right-col {
203    grid-column: span 1;
204  }
205}
206</style>
207  </head>
208  <body class="flex flex-col overflow-x-hidden"
209    x-data="{ isScrollDown: false, menuIsOpen: false, languageSwitcherOpen: false }" x-on:scroll.window="isScrollDown = (window.pageYOffset > 5) ? true : false; "
210  >
211        
212      <div class="dialog-off-canvas-main-canvas flex flex-col flex-1" data-off-canvas-main-canvas>
213    
214
215
216
217
218<div class="flex flex-col min-h-screen">
219
220      
221
222
223
224
225
226
227                    
228    
229              
230
231
232
233
234
235<nav
236  x-data="Drupal.behaviors.header()"
237  @scroll.window="scroll()"
238  @resize.window.debounce="setHeaderSizeVariable()"
239  x-ref="headerWrapper"
240  :class="headerVisible ? '' :'-translate-y-full'"
241  class="sticky top-0 z-20 w-full pb-px overflow-hidden transition-all duration-300 bg-white header lg:border-b lg:pb-0 border-grey-03 transform-gpu lg:min-h-[180px]">
242
243    <div class="lg:hidden">
244
245    
246
247
248
249
250
251
252  
253  
254  <div  class="px-5 md:px-12.5 lg:px-40 w-full">
255
256    <div  class="lg:grid grid-cols-12 gap-gridgap-lg max-w-[1600px] mx-auto w-full">
257
258            <div  class="col-span-12 relative w-full">
259        
260  
261            <div class="flex items-end justify-between mb-3">
262
263                    <div class="relative -m-3 -ml-4 shrink-0">
264            
265
266
267
268<button  class="relative transition-colors w-14 h-14 lg:w-20 lg:h-20 text-orange hoverable:hover:text-green" @click="$store.megaLayer.toggle()" style="touch-action:manipulation">
269    <div
270        class="absolute -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2"
271        x-show="!$store.megaLayer.visible"
272        x-transition:enter="transition-all ease duration-700"
273        x-transition:enter-start="opacity-0 rotate-full"
274        x-transition:enter-end="opacity-100 rotate-0"
275        x-transition:leave="transition-all ease duration-700"
276        x-transition:leave-start="opacity-100 rotate-0"
277        x-transition:leave-end="opacity-0 rotate-full" >
278          
279  
280
281<svg  class="fill-current svg w-8 h-8">
282	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#menu"></use>
283</svg>
284
285    </div>
286
287    <div
288        class="absolute -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2"
289        x-cloak
290        x-show="$store.megaLayer.visible"
291        x-transition:enter="transition-all ease duration-700"
292        x-transition:enter-start="opacity-0 -rotate-full"
293        x-transition:enter-end="opacity-100 rotate-0"
294        x-transition:leave="transition-all ease duration-700"
295        x-transition:leave-start="opacity-100 rotate-0"
296        x-transition:leave-end="opacity-0 -rotate-full" >
297          
298  
299
300<svg  class="fill-current svg w-8 h-8">
301	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#x"></use>
302</svg>
303
304    </div>
305</button>
306
307          </div>
308
309                                <a  class="block w-[112px] select-none" href="/">
310              <img  class="pointer-events-none" src="/themes/wingsuit/dist/app-drupal/images/logo-demeter.svg" alt="Demeter">
311            </a>
312          
313                    <div class="transition-opacity duration-500 shrink-0" :class="{'opacity-0 pointer-events-none': $store.megaLayer.visible}">
314            <a  href="/suche" aria-label="Suche" title="Suche" class="block p-5 -m-3 transition-colors text-orange hoverable:hover:text-green">
315            
316
317<svg  class="fill-current svg w-5 h-5">
318	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#search"></use>
319</svg>
320            </a>
321          </div>
322        </div>
323      
324  
325
326      </div>
327
328    </div>
329
330  </div>
331
332
333
334
335
336        <div
337      x-data
338      class="hidden"
339      :class="{ 'hidden': !$store.megaLayer.visible, 'block': $store.megaLayer.visible }"
340    >
341      
342
343
344
345
346
347
348  
349  
350  <div  class="px-5 md:px-12.5 lg:px-40 w-full">
351
352    <div  class="lg:grid grid-cols-12 gap-gridgap-lg max-w-[1600px] mx-auto w-full">
353
354            <div  class="col-span-12 relative w-full">
355        
356  
357                
358  
359    
360  
361
362
363
364
365
366<ul  class="lg:mb-1 lg:space-x-12.5 flex flex-wrap lg:flex-nowrap lg:mb-0 mb-4" >
367  
368    <li class="mr-6 lg:flex-nowrap lg:mr-0">
369      
370
371
372
373
374          <a href="/iss-mehr-wert" data-simple-mega-menu="1" class="header-link" data-drupal-link-system-path="node/8">Für Alle</a>
375  
376
377    </li>
378
379  
380    <li class="mr-6 lg:flex-nowrap lg:mr-0">
381      
382
383
384
385
386          <a href="/fachwelt" data-simple-mega-menu="6" class="header-link is-active" data-drupal-link-system-path="node/9">Fachwelt</a>
387  
388
389    </li>
390
391  </ul>
392
393
394  
395        
396  
397
398      </div>
399
400    </div>
401
402  </div>
403
404
405    </div>
406
407        <div
408      x-data
409      :class="{ 'hidden': $store.megaLayer.visible }"
410    >
411      
412
413
414
415
416
417  <div class="w-full h-0 -mb-px border-b border-grey-03"></div>
418
419
420    </div>
421
422        <div
423      x-data
424      class="hidden"
425      :class="{ 'hidden': !$store.megaLayer.visible, 'block bg-orange/10': $store.megaLayer.visible }"
426    >
427      
428
429
430
431
432
433  <div  class="grid gap-x-px -mb-1.5">
434          <div>
435        
436
437
438
439
440
441<a  class="btn w-full"   class="btn w-full" href="https://www.demeter.de/user/login/openid_connect_client/generic" >
442  Einloggen
443</a>
444
445
446      </div>
447      </div>
448
449
450    </div>
451
452  </div>
453
454
455    <div class="hidden lg:block">
456
457        
458
459
460
461
462
463
464  
465  
466  <div  class="px-5 md:px-12.5 lg:px-40 w-full">
467
468    <div  class="lg:grid grid-cols-12 gap-gridgap-lg max-w-[1600px] mx-auto w-full">
469
470            <div  class="col-span-12 relative w-full">
471        
472  
473            <div class="relative w-full flex max-w-[1600px] mx-auto h-[85px] justify-between items-end pb-5">
474
475                                <a  class="absolute top-0 block px-4 pb-4 -translate-x-1/2 select-none position: left-1/2" href="/" >
476              <img class="w-[174px] pointer-events-none" src="/themes/wingsuit/dist/app-drupal/images/logo-demeter.svg" alt="Demeter">
477            </a>
478          
479                    <div class="transition-opacity duration-500 delay-150" :class="{'opacity-0 pointer-events-none delay-300': $store.megaLayer.visible}">
480            
481          </div>
482
483                                <div :class="{'opacity-0 pointer-events-none delay-150': $store.megaLayer.visible, 'delay-300': !$store.megaLayer.visible}">
484                
485
486
487  
488  
489
490
491
492
493<ul  class="flex flex-wrap items-center lg:max-w-[30vw] space-x-4 transition-opacity duration-500 justify-end">
494
495                  <li>
496        
497
498
499
500
501
502
503
504
505<a  class="flex-row-reverse link variant-green variant-medium"  href="/kontakt-anfahrt" >
506
507  <div  data-text="Kontakt &amp; Anfahrt">
508    Kontakt &amp; Anfahrt
509  </div>
510
511  
512</a>
513
514
515        </li>
516            <li>
517        
518
519
520
521
522
523
524
525
526<a  class="flex-row-reverse link variant-green variant-medium"  href="/presseinformationen" >
527
528  <div  data-text="Presseinformationen">
529    Presseinformationen
530  </div>
531
532  
533</a>
534
535
536        </li>
537            <li>
538        
539
540
541
542
543
544
545
546
547<a  class="flex-row-reverse link variant-green variant-medium"  href="/verbraucheranfragen" >
548
549  <div  data-text="Verbraucheranfragen">
550    Verbraucheranfragen
551  </div>
552
553  
554</a>
555
556
557        </li>
558      
559  
560</ul>
561
562
563
564  
565            </div>
566          
567        </div>
568      
569  
570
571      </div>
572
573    </div>
574
575  </div>
576
577
578
579        
580
581
582
583
584
585
586  
587  
588  <div  class="px-5 md:px-12.5 lg:px-40 w-full">
589
590    <div  class="lg:grid grid-cols-12 gap-gridgap-lg max-w-[1600px] mx-auto w-full">
591
592            <div  class="col-span-12 relative w-full">
593        
594  
595    
596        <div class="w-full max-w-[1600px] mx-auto relative">
597
598                    <div class="absolute top-0 -mt-6 -ml-6 -translate-x-full">
599            
600
601
602
603<button  class="relative transition-colors w-14 h-14 lg:w-20 lg:h-20 text-orange hoverable:hover:text-green" @click="$store.megaLayer.toggle()" style="touch-action:manipulation">
604    <div
605        class="absolute -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2"
606        x-show="!$store.megaLayer.visible"
607        x-transition:enter="transition-all ease duration-700"
608        x-transition:enter-start="opacity-0 rotate-full"
609        x-transition:enter-end="opacity-100 rotate-0"
610        x-transition:leave="transition-all ease duration-700"
611        x-transition:leave-start="opacity-100 rotate-0"
612        x-transition:leave-end="opacity-0 rotate-full" >
613          
614  
615
616<svg  class="fill-current svg w-8 h-8">
617	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#menu"></use>
618</svg>
619
620    </div>
621
622    <div
623        class="absolute -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2"
624        x-cloak
625        x-show="$store.megaLayer.visible"
626        x-transition:enter="transition-all ease duration-700"
627        x-transition:enter-start="opacity-0 -rotate-full"
628        x-transition:enter-end="opacity-100 rotate-0"
629        x-transition:leave="transition-all ease duration-700"
630        x-transition:leave-start="opacity-100 rotate-0"
631        x-transition:leave-end="opacity-0 -rotate-full" >
632          
633  
634
635<svg  class="fill-current svg w-8 h-8">
636	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#x"></use>
637</svg>
638
639    </div>
640</button>
641
642          </div>
643
644                      
645  
646    
647  
648
649
650
651
652
653<ul  class="lg:mb-1 lg:space-x-12.5 flex flex-wrap lg:flex-nowrap lg:mb-0 mb-4" >
654  
655    <li class="mr-6 lg:flex-nowrap lg:mr-0">
656      
657
658
659
660
661          <a href="/iss-mehr-wert" data-simple-mega-menu="1" class="header-link" data-drupal-link-system-path="node/8">Für Alle</a>
662  
663
664    </li>
665
666  
667    <li class="mr-6 lg:flex-nowrap lg:mr-0">
668      
669
670
671
672
673          <a href="/fachwelt" data-simple-mega-menu="6" class="header-link is-active" data-drupal-link-system-path="node/9">Fachwelt</a>
674  
675
676    </li>
677
678  </ul>
679
680
681  
682
683
684          <div class="flex justify-between">
685                                
686  
687    
688    
689    
690    
691  
692
693
694
695
696
697
698
699<ul class="flex flex-wrap mt-1 mb-6 -mr-4 transition-opacity duration-500" :class="{'opacity-0 pointer-events-none delay-0': $store.megaLayer.visible, 'delay-500': !$store.megaLayer.visible}">
700
701  
702  <li class="mr-6">
703    
704
705
706
707
708          <a href="/verband" class="header-link variant-medium is-active" data-drupal-link-system-path="node/50">Über den Verband</a>
709  
710
711  </li>
712
713  
714  <li class="mr-6">
715    
716
717
718
719
720          <a href="/mitglied-werden" class="header-link variant-medium" data-drupal-link-system-path="node/46">Mitglied werden</a>
721  
722
723  </li>
724
725  
726  <li class="mr-6">
727    
728
729
730
731
732          <a href="/services" data-simple-mega-menu="7" class="header-link variant-medium" data-drupal-link-system-path="node/48">Services</a>
733  
734
735  </li>
736
737  
738  <li class="mr-6">
739    
740
741
742
743
744          <a href="/veranstaltungen" class="header-link variant-medium" data-drupal-link-system-path="veranstaltungen">Veranstaltungen</a>
745  
746
747  </li>
748
749  
750  <li class="mr-6">
751    
752
753
754
755
756          <a href="/fachwelt/demeter-der-region" class="header-link variant-medium" data-drupal-link-system-path="node/3693">Demeter in der Region</a>
757  
758
759  </li>
760
761  
762</ul>
763
764
765  
766  
767
768
769            <div class="flex justify-start transition-opacity duration-500 shrink-0" :class="{'opacity-0 pointer-events-none delay-0': $store.megaLayer.visible, 'delay-700': !$store.megaLayer.visible}">
770
771                            <div class="mr-3">
772                <a
773                   class="block p-2 transition-colors cursor-pointer text-orange hoverable:hover:text-green" href="/suche" aria-label="Suche">
774                
775  
776
777<svg  class="fill-current svg w-6 h-6">
778	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#search"></use>
779</svg>
780
781                </a>
782              </div>
783
784                            
785
786
787
788
789
790<ul  class="flex space-x-6">
791
792  
793  <li>
794    
795
796
797
798
799
800<a  class="py-1.5 min-w-0 btn min-w-[200px]"   class="py-1.5 min-w-0 btn min-w-[200px]" href="https://www.demeter.de/user/login/openid_connect_client/generic" >
801  Einloggen
802</a>
803
804
805  </li>
806
807  </ul>
808
809
810
811
812            </div>
813
814          </div>
815        </div>
816
817      
818  
819
820      </div>
821
822    </div>
823
824  </div>
825
826
827
828  </div>
829</nav>
830
831
832  
833  <div class="grow">
834          
835    
836          
837    
838        
839    
840      <div class="shariff"   data-services="[&quot;facebook&quot;,&quot;linkedin&quot;,&quot;xing&quot;,&quot;whatsapp&quot;,&quot;mail&quot;]" data-theme="colored" data-css="naked" data-orientation="vertical" data-mail-url="mailto:" data-lang="de">
841    
842        
843</div>
844
845  
846      <div data-drupal-messages-fallback class="hidden"></div>      
847  
848  
849        
850  
851
852
853
854
855
856
857
858
859
860
861  
862  
863  <div  class="pb-m lg:pb-m-desktop pt-l lg:pt-l-desktop px-5 md:px-12.5 lg:px-40 w-full">
864
865    <div  class="lg:grid grid-cols-12 gap-gridgap-lg max-w-[1600px] mx-auto w-full">
866
867            <div  class="col-span-12 relative w-full">
868        
869  
870              <nav nav role="navigation" aria-label="Pfadnavigation" class="relative flex-wrap hidden text-xs font-medium lg:flex text-grey-03">
871
872                <div class="hidden lg:block w-[2000px] absolute top-1/2 -translate-y-1/2 left-0 translate-x-[calc(-100%-50px)]">
873        
874
875
876
877
878<hr  class="border-t border-grey-03 w-full">
879</hr>
880
881      </div>
882    
883    
884      
885        
886
887
888
889
890
891
892
893
894<a  class="flex-row-reverse link variant-small"  href="/fachwelt" >
895
896  <div  data-text="Fachwelt">
897    Fachwelt
898  </div>
899
900  
901</a>
902
903
904
905      
906      
907        <div class="mx-s">/</div>
908
909      
910    
911      
912        
913
914
915
916
917
918
919
920
921<a  class="flex-row-reverse link variant-small"  href="/verband" >
922
923  <div  data-text="Über den Verband">
924    Über den Verband
925  </div>
926
927  
928</a>
929
930
931
932      
933      
934        <div class="mx-s">/</div>
935
936      
937    
938      
939        <div class="cursor-default text-grey-06">
940        Kontakt &amp; Anfahrt
941        </div>
942
943      
944      
945      </nav>
946
947    <div class="lg:hidden">
948    
949
950
951
952
953
954
955
956
957<a  class="flex-row-reverse link variant-small"  href="/verband" >
958
959  <div  data-text="Über den Verband">
960    Über den Verband
961  </div>
962
963    <div  class="mr-1">
964    
965
966<svg  class="fill-current svg w-4 h-4">
967	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-left"></use>
968</svg>
969  </div>
970  
971</a>
972
973
974  </div>
975
976
977    
978  
979
980      </div>
981
982    </div>
983
984  </div>
985
986
987
988
989
990
991    
992
993
994
995
996
997
998
999
1000  
1001  
1002  <div  class="mb-l lg:mb-l-desktop mt-l lg:mt-l-desktop px-5 md:px-12.5 lg:px-40 w-full">
1003
1004    <div  class="lg:grid grid-cols-12 gap-gridgap-lg max-w-[1600px] mx-auto w-full">
1005
1006            <div  class="col-span-8 col-start-3 xl:col-span-6 xl:col-start-4 relative w-full">
1007        
1008  
1009          
1010          
1011
1012
1013
1014
1015
1016<h1  class="h1 text-center"><span>Kontakt &amp; Anfahrt</span>
1017</h1>
1018
1019
1020
1021          
1022          
1023    
1024  
1025
1026      </div>
1027
1028    </div>
1029
1030  </div>
1031
1032
1033
1034
1035
1036
1037      <div>
1038              <div>
1039
1040
1041
1042
1043  
1044
1045
1046
1047
1048
1049
1050  
1051  
1052  <div  class="mb-xl lg:mb-xl-desktop mt-xl lg:mt-xl-desktop px-5 md:px-12.5 lg:px-40 w-full">
1053
1054    <div  class="lg:grid grid-cols-12 gap-gridgap-lg max-w-[1600px] mx-auto w-full">
1055
1056            <div  class="col-span-8 col-start-3 xl:col-span-6 xl:col-start-4 relative w-full">
1057        
1058  
1059            <div class="mx-auto max-w-text lg:max-w-none">
1060          
1061
1062
1063
1064
1065
1066<h3  class="h3 mb-m lg:mb-m-desktop">
1067
1068                    Hauptsitz in Darmstadt
1069            
1070</h3>
1071
1072
1073
1074    
1075    
1076
1077<div  class="bg_color font_type lg:richtext-lg optimize_bg richtext text_color variation" >
1078  
1079
1080                    <p><a href="https://www.google.com/maps?client=safari&amp;rls=en&amp;q=Brandschneise+1,%C2%A064295+Darmstadt&amp;oe=UTF-8&amp;um=1&amp;ie=UTF-8&amp;sa=X&amp;ved=2ahUKEwjar7Ke-tD7AhUOCewKHepiAKYQ_AUoAXoECAMQAw" target="_blank">Brandschneise 1,&nbsp;64295 Darmstadt</a></p><h3>Erreichbarkeit</h3><ul><li>Montag - Donnerstag, 8.30 - 12.00 und ­13.00 - 15.30 Uhr</li><li>Freitag von 8.30 – 14.00 Uhr</li></ul>
1081            
1082
1083</div>
1084
1085  </div>
1086
1087
1088    
1089  
1090
1091      </div>
1092
1093    </div>
1094
1095  </div>
1096
1097
1098
1099
1100</div>
1101              <div>
1102
1103
1104
1105
1106
1107
1108
1109
1110  
1111  
1112  <div  class="mb-xl lg:mb-xl-desktop mt-xl lg:mt-xl-desktop px-5 md:px-12.5 lg:px-40 w-full">
1113
1114    <div  class="lg:grid grid-cols-12 gap-gridgap-lg max-w-[1600px] mx-auto w-full">
1115
1116            <div  class="col-span-8 col-start-3 relative w-full">
1117        
1118  
1119          
1120          
1121
1122                    
1123
1124
1125
1126
1127
1128
1129
1130
1131<div  class="bg-grey-01/30 contact-teaser p-m w-full">
1132
1133  <div  class="contact-teaser--vertical--inner flex gap-m items-start">
1134
1135      <div  class="contact-teaser--vertical--image relative w-full overflow-hidden rounded-full image--cover aspect-square  shrink-0">
1136          
1137
1138                      <img loading="lazy" src="/sites/default/files/styles/contact_portrait/public/2022-11/Demeter-Profilbild.jpg.webp?itok=ceX1MBs3" width="500" height="500" alt="Demeter-Logo" />
1139
1140
1141
1142            
1143
1144          
1145                      <span class="absolute z-50 font-serif leading-none text-white text--text-shadow text-l bottom-6 left-10" title="Demeter e.V.">©</span> 
1146                </div>
1147
1148    <div>
1149      
1150
1151
1152
1153
1154
1155<h3  class="mb-xs h3">
1156
1157                    Demeter e.V.
1158            
1159</h3>
1160
1161
1162
1163
1164      
1165              
1166
1167
1168
1169
1170<p  class="mb-s font-serif italic font-light text-s tracking-[0.2px] [&amp;&gt;.address,&amp;&gt;.rule-text]:font-serif [&amp;&gt;.address,&amp;&gt;.rule-text]:italic [&amp;&gt;.address,&amp;&gt;.rule-text]:font-light [&amp;&gt;.address,&amp;&gt;.rule-text]:text-s [&amp;&gt;.address,&amp;&gt;.rule-text]:tracking-[0.2px] text-grey-06"></p>
1171
1172      
1173      <div class="space-y-s">
1174
1175                
1176                          <a href="tel:+49 6155-8469 0" class="grid grid-cols-[30px_1fr] transition-colors cursor-pointer hoverable:hover:text-green text-orange text-s">
1177            <span class="pt-px">
1178              
1179  
1180
1181<svg  class="fill-current svg w-5 h-5">
1182	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#phone"></use>
1183</svg>
1184
1185            </span>
1186
1187            <span class="font-serif break-all">
1188              +49 6155-8469 0
1189            </span>
1190          </a>
1191        
1192                
1193                          <div class="grid grid-cols-[30px_1fr]">
1194            <div class="pt-0.5 text-orange">
1195              
1196  
1197
1198<svg  class="fill-current svg w-5 h-5">
1199	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#printer"></use>
1200</svg>
1201
1202            </div>
1203            <div class="font-serif">
1204              +49 6155-8469 11
1205            </div>
1206          </div>
1207        
1208                          <a href="mailto:[email protected]" class="grid grid-cols-[30px_1fr] transition-colors cursor-pointer hoverable:hover:text-green text-orange text-s">
1209            <div class="pt-px">
1210              
1211  
1212
1213<svg  class="fill-current svg w-5 h-5">
1214	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#mail"></use>
1215</svg>
1216
1217            </div>
1218
1219            <div class="font-serif break-all">
1220              [email protected]
1221            </div>
1222          </a>
1223        
1224      </div>
1225
1226    </div>
1227
1228  </div>
1229
1230</div>
1231
1232
1233            
1234
1235    
1236  
1237
1238      </div>
1239
1240    </div>
1241
1242  </div>
1243
1244
1245
1246</div>
1247              <div>
1248
1249
1250
1251
1252  
1253
1254
1255
1256
1257
1258
1259  
1260  
1261  <div  class="mb-xl lg:mb-xl-desktop mt-xl lg:mt-xl-desktop px-5 md:px-12.5 lg:px-40 w-full">
1262
1263    <div  class="lg:grid grid-cols-12 gap-gridgap-lg max-w-[1600px] mx-auto w-full">
1264
1265            <div  class="col-span-8 col-start-3 xl:col-span-6 xl:col-start-4 relative w-full">
1266        
1267  
1268            <div class="mx-auto max-w-text lg:max-w-none">
1269          
1270
1271
1272
1273
1274
1275<h3  class="h3 mb-m lg:mb-m-desktop">
1276
1277                    Standort Berlin
1278            
1279</h3>
1280
1281
1282
1283    
1284    
1285
1286<div  class="bg_color font_type lg:richtext-lg optimize_bg richtext text_color variation" >
1287  
1288
1289                    <p><a href="https://www.google.com/maps/place/Demeter+e.V./@52.4801257,13.4339836,15z/data=!4m2!3m1!1s0x0:0xb225e368a49518c2?sa=X&amp;ved=2ahUKEwjRjqys-tD7AhXxMuwKHd7LANsQ_BJ6BAhiEAk" target="_blank">Demeter e.V.,&nbsp;Neckarstraße 19,&nbsp;12053&nbsp;Berlin</a></p><h3>Verbraucheranfragen</h3><p>Sie sind Verbraucher:in und haben Fragen zu Demeter oder zur biodynamischen Wirtschaftsweise? Dann wenden Sie sich bitte an:</p>
1290            
1291
1292</div>
1293
1294  </div>
1295
1296
1297    
1298  
1299
1300      </div>
1301
1302    </div>
1303
1304  </div>
1305
1306
1307
1308
1309</div>
1310              <div>
1311
1312
1313
1314
1315
1316
1317
1318
1319  
1320  
1321  <div  class="mb-xl lg:mb-xl-desktop mt-xl lg:mt-xl-desktop px-5 md:px-12.5 lg:px-40 w-full">
1322
1323    <div  class="lg:grid grid-cols-12 gap-gridgap-lg max-w-[1600px] mx-auto w-full">
1324
1325            <div  class="col-span-8 col-start-3 relative w-full">
1326        
1327  
1328          
1329          
1330
1331                    
1332
1333
1334
1335
1336
1337
1338
1339
1340<div  class="bg-grey-01/30 contact-teaser p-m w-full">
1341
1342  <div  class="contact-teaser--vertical--inner flex gap-m items-start">
1343
1344      <div  class="contact-teaser--vertical--image relative w-full overflow-hidden rounded-full image--cover aspect-square  shrink-0">
1345          
1346
1347                      <img loading="lazy" src="/sites/default/files/styles/contact_portrait/public/2024-12/_DSC4721.jpg.webp?itok=YE7w6138" width="500" height="500" alt="Getreidefeld" />
1348
1349
1350
1351            
1352
1353          
1354                      <span class="absolute z-50 font-serif leading-none text-white text--text-shadow text-l bottom-6 left-10" title="Yool GmbH &amp; Co. KG">©</span> 
1355                </div>
1356
1357    <div>
1358      
1359
1360
1361
1362
1363
1364<h3  class="mb-xs h3">
1365
1366                    Verbraucheranfragen
1367            
1368</h3>
1369
1370
1371
1372
1373      
1374              
1375
1376
1377
1378
1379<p  class="mb-s font-serif italic font-light text-s tracking-[0.2px] [&amp;&gt;.address,&amp;&gt;.rule-text]:font-serif [&amp;&gt;.address,&amp;&gt;.rule-text]:italic [&amp;&gt;.address,&amp;&gt;.rule-text]:font-light [&amp;&gt;.address,&amp;&gt;.rule-text]:text-s [&amp;&gt;.address,&amp;&gt;.rule-text]:tracking-[0.2px] text-grey-06"></p>
1380
1381      
1382      <div class="space-y-s">
1383
1384                
1385                
1386                
1387                
1388                          <a href="mailto:[email protected]" class="grid grid-cols-[30px_1fr] transition-colors cursor-pointer hoverable:hover:text-green text-orange text-s">
1389            <div class="pt-px">
1390              
1391  
1392
1393<svg  class="fill-current svg w-5 h-5">
1394	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#mail"></use>
1395</svg>
1396
1397            </div>
1398
1399            <div class="font-serif break-all">
1400              [email protected]
1401            </div>
1402          </a>
1403        
1404      </div>
1405
1406    </div>
1407
1408  </div>
1409
1410</div>
1411
1412
1413            
1414
1415    
1416  
1417
1418      </div>
1419
1420    </div>
1421
1422  </div>
1423
1424
1425
1426</div>
1427              <div>
1428
1429
1430
1431
1432
1433
1434
1435  
1436  
1437  <div  class="mb-xl lg:mb-xl-desktop mt-xl lg:mt-xl-desktop px-5 md:px-12.5 lg:px-40 w-full">
1438
1439    <div  class="lg:grid grid-cols-12 gap-gridgap-lg max-w-[1600px] mx-auto w-full">
1440
1441            <div  class="col-span-12 relative w-full">
1442        
1443  
1444                
1445
1446
1447
1448
1449
1450<h2  class="h2 mb-l lg:mb-l-desktop text-center">
1451
1452                    Weitere Ansprechpartner:innen im Bundesverband
1453            
1454</h2>
1455
1456
1457
1458    
1459
1460
1461
1462
1463<div  class="grid grid-cols-1 md:grid-cols-2 gap-gridgap md:gap-gridgap-md lg:gap-gridgap-lg items-stretch md:grid-cols-3">
1464                    
1465  
1466
1467
1468
1469
1470
1471
1472<a  href="/kontakt/vorstand-verbandsmanagement" class="teaser-image teaser relative flex items-end w-full transition-colors duration-500 cursor-pointer select-none teaser-image bg-orange hoverable:hover:bg-green aspect-3/2 p-s lg:p-m-desktop group" >
1473
1474    <div class="absolute top-0 left-0 w-full h-full overflow-hidden image--cover teaser-image--image-wrapper">
1475    
1476
1477      </div>
1478  
1479  <div class="relative w-full transition-colors duration-500 bg-orange hoverable:group-hover:bg-green p-s lg:p-m-desktop">
1480        <h3 class="font-sans font-bold text-white uppercase teaser-image--headline line-clamp-2 text-l lg:font-condensed leading-headline">
1481
1482                    Vorstand und Verbandsmanagement
1483            
1484</h3>
1485  </div>
1486</a>
1487
1488
1489
1490              
1491  
1492
1493
1494
1495
1496
1497
1498<a  href="/kontakt/verwaltung" class="teaser-image teaser relative flex items-end w-full transition-colors duration-500 cursor-pointer select-none teaser-image bg-orange hoverable:hover:bg-green aspect-3/2 p-s lg:p-m-desktop group" >
1499
1500    <div class="absolute top-0 left-0 w-full h-full overflow-hidden image--cover teaser-image--image-wrapper">
1501    
1502
1503      </div>
1504  
1505  <div class="relative w-full transition-colors duration-500 bg-orange hoverable:group-hover:bg-green p-s lg:p-m-desktop">
1506        <h3 class="font-sans font-bold text-white uppercase teaser-image--headline line-clamp-2 text-l lg:font-condensed leading-headline">
1507
1508                    Verwaltung
1509            
1510</h3>
1511  </div>
1512</a>
1513
1514
1515
1516              
1517  
1518
1519
1520
1521
1522
1523
1524<a  href="/kontakt/agrar-und-ernaehrungskultur" class="teaser-image teaser relative flex items-end w-full transition-colors duration-500 cursor-pointer select-none teaser-image bg-orange hoverable:hover:bg-green aspect-3/2 p-s lg:p-m-desktop group" >
1525
1526    <div class="absolute top-0 left-0 w-full h-full overflow-hidden image--cover teaser-image--image-wrapper">
1527    
1528
1529      </div>
1530  
1531  <div class="relative w-full transition-colors duration-500 bg-orange hoverable:group-hover:bg-green p-s lg:p-m-desktop">
1532        <h3 class="font-sans font-bold text-white uppercase teaser-image--headline line-clamp-2 text-l lg:font-condensed leading-headline">
1533
1534                    Agrar- und Ernährungskultur
1535            
1536</h3>
1537  </div>
1538</a>
1539
1540
1541
1542              
1543  
1544
1545
1546
1547
1548
1549
1550<a  href="/kontakt/qualitaet" class="teaser-image teaser relative flex items-end w-full transition-colors duration-500 cursor-pointer select-none teaser-image bg-orange hoverable:hover:bg-green aspect-3/2 p-s lg:p-m-desktop group" >
1551
1552    <div class="absolute top-0 left-0 w-full h-full overflow-hidden image--cover teaser-image--image-wrapper">
1553    
1554
1555      </div>
1556  
1557  <div class="relative w-full transition-colors duration-500 bg-orange hoverable:group-hover:bg-green p-s lg:p-m-desktop">
1558        <h3 class="font-sans font-bold text-white uppercase teaser-image--headline line-clamp-2 text-l lg:font-condensed leading-headline">
1559
1560                    Qualität/ Zertifizierung
1561            
1562</h3>
1563  </div>
1564</a>
1565
1566
1567
1568              
1569  
1570
1571
1572
1573
1574
1575
1576<a  href="/politik-richtlinien-und-qualitaetsentwicklung" class="teaser-image teaser relative flex items-end w-full transition-colors duration-500 cursor-pointer select-none teaser-image bg-orange hoverable:hover:bg-green aspect-3/2 p-s lg:p-m-desktop group" >
1577
1578    <div class="absolute top-0 left-0 w-full h-full overflow-hidden image--cover teaser-image--image-wrapper">
1579    
1580
1581      </div>
1582  
1583  <div class="relative w-full transition-colors duration-500 bg-orange hoverable:group-hover:bg-green p-s lg:p-m-desktop">
1584        <h3 class="font-sans font-bold text-white uppercase teaser-image--headline line-clamp-2 text-l lg:font-condensed leading-headline">
1585
1586                    Politik, Richtlinien- und Qualitätsentwicklung
1587            
1588</h3>
1589  </div>
1590</a>
1591
1592
1593
1594              
1595  
1596
1597
1598
1599
1600
1601
1602<a  href="/kontakt/markt" class="teaser-image teaser relative flex items-end w-full transition-colors duration-500 cursor-pointer select-none teaser-image bg-orange hoverable:hover:bg-green aspect-3/2 p-s lg:p-m-desktop group" >
1603
1604    <div class="absolute top-0 left-0 w-full h-full overflow-hidden image--cover teaser-image--image-wrapper">
1605    
1606
1607      </div>
1608  
1609  <div class="relative w-full transition-colors duration-500 bg-orange hoverable:group-hover:bg-green p-s lg:p-m-desktop">
1610        <h3 class="font-sans font-bold text-white uppercase teaser-image--headline line-clamp-2 text-l lg:font-condensed leading-headline">
1611
1612                    Markt
1613            
1614</h3>
1615  </div>
1616</a>
1617
1618
1619
1620              
1621  
1622
1623
1624
1625
1626
1627
1628<a  href="/kontakt/oeffentlichkeitsarbeit-marketing" class="teaser-image teaser relative flex items-end w-full transition-colors duration-500 cursor-pointer select-none teaser-image bg-orange hoverable:hover:bg-green aspect-3/2 p-s lg:p-m-desktop group" >
1629
1630    <div class="absolute top-0 left-0 w-full h-full overflow-hidden image--cover teaser-image--image-wrapper">
1631    
1632
1633      </div>
1634  
1635  <div class="relative w-full transition-colors duration-500 bg-orange hoverable:group-hover:bg-green p-s lg:p-m-desktop">
1636        <h3 class="font-sans font-bold text-white uppercase teaser-image--headline line-clamp-2 text-l lg:font-condensed leading-headline">
1637
1638                    Öffentlichkeitsarbeit &amp; Marketing
1639            
1640</h3>
1641  </div>
1642</a>
1643
1644
1645
1646            </div>
1647
1648
1649    
1650  
1651
1652      </div>
1653
1654    </div>
1655
1656  </div>
1657
1658
1659
1660</div>
1661              <div>
1662
1663
1664
1665
1666
1667
1668
1669  
1670  
1671  <div  class="mb-xl lg:mb-xl-desktop mt-xl lg:mt-xl-desktop px-5 md:px-12.5 lg:px-40 w-full">
1672
1673    <div  class="lg:grid grid-cols-12 gap-gridgap-lg max-w-[1600px] mx-auto w-full">
1674
1675            <div  class="col-span-12 relative w-full">
1676        
1677  
1678                
1679
1680
1681
1682
1683
1684<h2  class="h2 mb-l lg:mb-l-desktop text-center">
1685
1686                    Ansprechpartner:innen in der Region
1687            
1688</h2>
1689
1690
1691
1692    
1693
1694
1695
1696
1697<div  class="grid grid-cols-1 md:grid-cols-2 gap-gridgap md:gap-gridgap-md lg:gap-gridgap-lg items-stretch md:grid-cols-3">
1698                    
1699  
1700
1701
1702
1703
1704
1705
1706<a  href="/kontakt/norden" class="teaser-image teaser relative flex items-end w-full transition-colors duration-500 cursor-pointer select-none teaser-image bg-orange hoverable:hover:bg-green aspect-3/2 p-s lg:p-m-desktop group" >
1707
1708    <div class="absolute top-0 left-0 w-full h-full overflow-hidden image--cover teaser-image--image-wrapper">
1709    
1710
1711                      <img loading="lazy" src="/sites/default/files/styles/standard_teaser/public/2026-05/Teamfoto_BG_2026_0.jpg.webp?h=34bbd072&amp;itok=fVj5WkYb" width="500" height="333" alt="Das Team der Bäuerlichen Gesellschaft steht vor dem Gebäudes des Bauckhofs Amelinghausen" />
1712
1713
1714
1715            
1716
1717
1718          <span class="absolute z-50 font-serif leading-none text-white text--text-shadow text-l top-3 right-4" title="Demeter im Norden">©</span> 
1719      </div>
1720  
1721  <div class="relative w-full transition-colors duration-500 bg-orange hoverable:group-hover:bg-green p-s lg:p-m-desktop">
1722        <h3 class="font-sans font-bold text-white uppercase teaser-image--headline line-clamp-2 text-l lg:font-condensed leading-headline">
1723
1724                    Kontakte im Norden
1725            
1726</h3>
1727  </div>
1728</a>
1729
1730
1731
1732              
1733  
1734
1735
1736
1737
1738
1739
1740<a  href="/kontakt/westen" class="teaser-image teaser relative flex items-end w-full transition-colors duration-500 cursor-pointer select-none teaser-image bg-orange hoverable:hover:bg-green aspect-3/2 p-s lg:p-m-desktop group" >
1741
1742    <div class="absolute top-0 left-0 w-full h-full overflow-hidden image--cover teaser-image--image-wrapper">
1743    
1744
1745                      <img loading="lazy" src="/sites/default/files/styles/standard_teaser/public/2024-01/1.jpg.webp?h=7867c5e2&amp;itok=8lB5dYsq" width="500" height="333" alt="Das ist ein Bild des Hauptamts von Demeter im Westen e.V. " />
1746
1747
1748
1749            
1750
1751
1752      </div>
1753  
1754  <div class="relative w-full transition-colors duration-500 bg-orange hoverable:group-hover:bg-green p-s lg:p-m-desktop">
1755        <h3 class="font-sans font-bold text-white uppercase teaser-image--headline line-clamp-2 text-l lg:font-condensed leading-headline">
1756
1757                    Kontakte im Westen
1758            
1759</h3>
1760  </div>
1761</a>
1762
1763
1764
1765              
1766  
1767
1768
1769
1770
1771
1772
1773<a  href="/kontakt/bayern" class="teaser-image teaser relative flex items-end w-full transition-colors duration-500 cursor-pointer select-none teaser-image bg-orange hoverable:hover:bg-green aspect-3/2 p-s lg:p-m-desktop group" >
1774
1775    <div class="absolute top-0 left-0 w-full h-full overflow-hidden image--cover teaser-image--image-wrapper">
1776    
1777
1778                      <img loading="lazy" src="/sites/default/files/styles/standard_teaser/public/2023-05/Team%20LV%20Bayern.jpg.webp?h=5dc9785f&amp;itok=1EMeyztp" width="500" height="333" alt="Team Demeter Landesverband e.V. " />
1779
1780
1781
1782            
1783
1784
1785      </div>
1786  
1787  <div class="relative w-full transition-colors duration-500 bg-orange hoverable:group-hover:bg-green p-s lg:p-m-desktop">
1788        <h3 class="font-sans font-bold text-white uppercase teaser-image--headline line-clamp-2 text-l lg:font-condensed leading-headline">
1789
1790                    Kontakte in Bayern
1791            
1792</h3>
1793  </div>
1794</a>
1795
1796
1797
1798              
1799  
1800
1801
1802
1803
1804
1805
1806<a  href="/kontakt/osten" class="teaser-image teaser relative flex items-end w-full transition-colors duration-500 cursor-pointer select-none teaser-image bg-orange hoverable:hover:bg-green aspect-3/2 p-s lg:p-m-desktop group" >
1807
1808    <div class="absolute top-0 left-0 w-full h-full overflow-hidden image--cover teaser-image--image-wrapper">
1809    
1810
1811                      <img loading="lazy" src="/sites/default/files/styles/standard_teaser/public/2023-01/4869.jpg.webp?h=c9f93661&amp;itok=2GHGp5GB" width="500" height="333" alt="Bienen" />
1812
1813
1814
1815            
1816
1817
1818      </div>
1819  
1820  <div class="relative w-full transition-colors duration-500 bg-orange hoverable:group-hover:bg-green p-s lg:p-m-desktop">
1821        <h3 class="font-sans font-bold text-white uppercase teaser-image--headline line-clamp-2 text-l lg:font-condensed leading-headline">
1822
1823                    Kontakte im Osten
1824            
1825</h3>
1826  </div>
1827</a>
1828
1829
1830
1831            </div>
1832
1833
1834    
1835  
1836
1837      </div>
1838
1839    </div>
1840
1841  </div>
1842
1843
1844
1845</div>
1846              <div>
1847
1848
1849
1850
1851
1852
1853
1854  
1855  
1856  <div  class="mb-xl lg:mb-xl-desktop mt-xl lg:mt-xl-desktop px-5 md:px-12.5 lg:px-40 w-full">
1857
1858    <div  class="lg:grid grid-cols-12 gap-gridgap-lg max-w-[1600px] mx-auto w-full">
1859
1860            <div  class="col-span-12 relative w-full">
1861        
1862  
1863                
1864
1865
1866
1867
1868
1869<h2  class="h2 mb-l lg:mb-l-desktop text-center">
1870
1871                    Weitere Kontakte
1872            
1873</h2>
1874
1875
1876
1877    
1878
1879
1880
1881
1882<div  class="grid grid-cols-1 md:grid-cols-2 gap-gridgap md:gap-gridgap-md lg:gap-gridgap-lg items-stretch md:grid-cols-3">
1883                    
1884  
1885
1886
1887
1888
1889
1890
1891<a  href="/beratung" class="teaser-image teaser relative flex items-end w-full transition-colors duration-500 cursor-pointer select-none teaser-image bg-orange hoverable:hover:bg-green aspect-3/2 p-s lg:p-m-desktop group" >
1892
1893    <div class="absolute top-0 left-0 w-full h-full overflow-hidden image--cover teaser-image--image-wrapper">
1894    
1895
1896                      <img loading="lazy" src="/sites/default/files/styles/standard_teaser/public/2022-11/_S5_6690.jpg.webp?h=f2fcf546&amp;itok=qdZ-0j6y" width="500" height="333" alt="Feld mit Mohnblumen" />
1897
1898
1899
1900            
1901
1902
1903          <span class="absolute z-50 font-serif leading-none text-white text--text-shadow text-l top-3 right-4" title="YOOL GmbH &amp; Co. KG">©</span> 
1904      </div>
1905  
1906  <div class="relative w-full transition-colors duration-500 bg-orange hoverable:group-hover:bg-green p-s lg:p-m-desktop">
1907        <h3 class="font-sans font-bold text-white uppercase teaser-image--headline line-clamp-2 text-l lg:font-condensed leading-headline">
1908
1909                    Mitgliederbetreuung und Beratung
1910            
1911</h3>
1912  </div>
1913</a>
1914
1915
1916
1917              
1918  
1919
1920
1921
1922
1923
1924
1925<a  href="/verband/gremien" class="teaser-image teaser relative flex items-end w-full transition-colors duration-500 cursor-pointer select-none teaser-image bg-orange hoverable:hover:bg-green aspect-3/2 p-s lg:p-m-desktop group" >
1926
1927    <div class="absolute top-0 left-0 w-full h-full overflow-hidden image--cover teaser-image--image-wrapper">
1928    
1929
1930                      <img loading="lazy" src="/sites/default/files/styles/standard_teaser/public/2026-04/demeter-aufsichtsrat-dv-2026-IMG_3154.jpg.webp?h=8d7a68e0&amp;itok=jhKbPn72" width="500" height="333" alt="Gruppenfoto im Freien" />
1931
1932
1933
1934            
1935
1936
1937          <span class="absolute z-50 font-serif leading-none text-white text--text-shadow text-l top-3 right-4" title="Eva Wolf">©</span> 
1938      </div>
1939  
1940  <div class="relative w-full transition-colors duration-500 bg-orange hoverable:group-hover:bg-green p-s lg:p-m-desktop">
1941        <h3 class="font-sans font-bold text-white uppercase teaser-image--headline line-clamp-2 text-l lg:font-condensed leading-headline">
1942
1943                    Gremien
1944            
1945</h3>
1946  </div>
1947</a>
1948
1949
1950
1951            </div>
1952
1953
1954    
1955  
1956
1957      </div>
1958
1959    </div>
1960
1961  </div>
1962
1963
1964
1965</div>
1966          </div>
1967  
1968
1969
1970
1971  
1972
1973    </div>
1974
1975      
1976
1977
1978
1979
1980
1981
1982
1983
1984<div class="w-full -mb-px">
1985  <img src="/themes/wingsuit/dist/app-drupal/images/demeter_footer_top.svg" aria-hidden="true" class="w-full">
1986</div>
1987
1988
1989<footer class="pt-12 text-white pb-l lg:pb-l-desktop bg-orange lg:pt-24" >
1990
1991  
1992      
1993
1994
1995
1996
1997
1998
1999  
2000  
2001  <div  class="px-5 md:px-12.5 lg:px-40 w-full">
2002
2003    <div  class="lg:grid grid-cols-12 gap-gridgap-lg max-w-[1600px] mx-auto w-full">
2004
2005            <div  class="col-span-12 relative w-full">
2006        
2007  
2008              
2009
2010
2011
2012
2013
2014
2015
2016<div  class="grid-cols-4 mb-12 lg:mb-[75px] lg:grid gap-m-desktop gap-x-m-desktop gap-y-l-desktop relative" x-data="accordion({allowMultiple:false})">
2017                  
2018
2019    
2020  
2021  <div class="lg:hidden">
2022  
2023
2024
2025
2026
2027
2028
2029
2030
2031
2032<div class="accordion--item group">
2033
2034  
2035  <div
2036    
2037     class="relative -mt-px first:mt-0 lg:-mx-l-desktop -mx-s"
2038    >
2039
2040    
2041        <label class="block cursor-pointer select-none lg:px-l-desktop px-s group">
2042
2043      <input @click="toggle" type="checkbox" class="hidden">
2044
2045      <div class="flex justify-between pointer-events-none">
2046        <div>
2047                          <div class="lg:py-m py-s">
2048      
2049
2050
2051
2052
2053
2054<h4  class="h3 text-white">Für Alle</h4>
2055
2056
2057
2058    </div>
2059  
2060                  </div>
2061
2062                      <div class="lg:py-m py-s">
2063    <div  class="shrink-0 mt-0.5 ml-2 lg:mt-2 hoverable:group-hover:scale-110 transform-gpu transition-transform text-white" >
2064
2065      <div class="relative">
2066
2067        <div class="transition-all" :class="{'opacity-0 -rotate-90': isOpen()}">
2068          
2069
2070<svg  class="fill-current svg w-5 h-5">
2071	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#plus-circle"></use>
2072</svg>
2073        </div>
2074
2075        <div class="absolute top-0 left-0 transition-all"  :class="{'opacity-0 rotate-90': !isOpen()}">
2076          
2077
2078<svg  class="fill-current svg w-5 h-5">
2079	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#minu
2079s-circle"></use>
2080</svg>
2081        </div>
2082      </div>
2083    </div>
2084  </div>
2085
2086        
2087      </div>
2088    </label>
2089
2090    <div
2091      class="overflow-y-hidden"
2092      x-show="isOpen()"
2093      x-transition:enter="transition-all duration-500"
2094      x-transition:enter-start="opacity-0 max-h-0"
2095      x-transition:enter-end="opacity-100 max-h-[1000px]"
2096      x-transition:leave="transition-all duration-500"
2097      x-transition:leave-start="opacity-100 transform max-h-[1000px]"
2098      x-transition:leave-end="opacity-0 max-h-0">
2099      <div class="lg:pb-l pb-m lg:px-l-desktop px-s">
2100                      <ul>
2101                <li  class="overflow-hidden">
2102          
2103
2104
2105
2106
2107
2108
2109
2110
2111<a  class="p-2 flex-row-reverse link variant-inverted-orange variant-small"  href="/biodynamisch" >
2112
2113  <div  data-text="Wofür Demeter steht">
2114    Wofür Demeter steht
2115  </div>
2116
2117    <div  class="mr-1">
2118    
2119
2120<svg  class="fill-current svg w-4 h-4">
2121	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
2122</svg>
2123  </div>
2124  
2125</a>
2126
2127
2128          </li>
2129                <li  class="overflow-hidden">
2130          
2131
2132
2133
2134
2135
2136
2137
2138
2139<a  class="p-2 flex-row-reverse link variant-inverted-orange variant-small"  href="/betriebe" >
2140
2141  <div  data-text="Betriebssuche">
2142    Betriebssuche
2143  </div>
2144
2145    <div  class="mr-1">
2146    
2147
2148<svg  class="fill-current svg w-4 h-4">
2149	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
2150</svg>
2151  </div>
2152  
2153</a>
2154
2155
2156          </li>
2157                <li  class="overflow-hidden">
2158          
2159
2160
2161
2162
2163
2164
2165
2166
2167<a  class="p-2 flex-row-reverse link variant-inverted-orange variant-small"  href="/saisonkalender" >
2168
2169  <div  data-text="Saisonkalender">
2170    Saisonkalender
2171  </div>
2172
2173    <div  class="mr-1">
2174    
2175
2176<svg  class="fill-current svg w-4 h-4">
2177	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
2178</svg>
2179  </div>
2180  
2181</a>
2182
2183
2184          </li>
2185                <li  class="overflow-hidden">
2186          
2187
2188
2189
2190
2191
2192
2193
2194
2195<a  class="p-2 flex-row-reverse link variant-inverted-orange variant-small"  href="/mitglied-werden/foerdermitgliedschaft" >
2196
2197  <div  data-text="Fördermitgliedschaft">
2198    Fördermitgliedschaft
2199  </div>
2200
2201    <div  class="mr-1">
2202    
2203
2204<svg  class="fill-current svg w-4 h-4">
2205	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
2206</svg>
2207  </div>
2208  
2209</a>
2210
2211
2212          </li>
2213                <li  class="overflow-hidden">
2214          
2215
2216
2217
2218
2219
2220
2221
2222
2223<a  class="p-2 flex-row-reverse link variant-inverted-orange variant-small"  href="/rezepte" >
2224
2225  <div  data-text="Rezeptdatenbank">
2226    Rezeptdatenbank
2227  </div>
2228
2229    <div  class="mr-1">
2230    
2231
2232<svg  class="fill-current svg w-4 h-4">
2233	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
2234</svg>
2235  </div>
2236  
2237</a>
2238
2239
2240          </li>
2241                <li  class="overflow-hidden">
2242          
2243
2244
2245
2246
2247
2248
2249
2250
2251<a  class="p-2 flex-row-reverse link variant-inverted-orange variant-small"  href="/veranstaltungen" >
2252
2253  <div  data-text="Veranstaltungen">
2254    Veranstaltungen
2255  </div>
2256
2257    <div  class="mr-1">
2258    
2259
2260<svg  class="fill-current svg w-4 h-4">
2261	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
2262</svg>
2263  </div>
2264  
2265</a>
2266
2267
2268          </li>
2269          </ul>
2270  
2271              </div>
2272    </div>
2273
2274
2275    
2276  </div>
2277  
2278</div>
2279
2280  </div>
2281
2282
2283    <div class="hidden lg:block">
2284        <div class="mb-6">
2285      
2286
2287
2288
2289
2290
2291<h4  class="h4 text-white">Für Alle</h4>
2292
2293
2294
2295    </div>
2296
2297        <ul class="space-y-2">
2298              <li class="overflow-hidden">
2299          
2300
2301
2302
2303
2304
2305
2306
2307
2308<a  class="flex-row-reverse link variant-inverted-orange variant-small"  href="/biodynamisch" >
2309
2310  <div  data-text="Wofür Demeter steht">
2311    Wofür Demeter steht
2312  </div>
2313
2314    <div  class="mr-1">
2315    
2316
2317<svg  class="fill-current svg w-4 h-4">
2318	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
2319</svg>
2320  </div>
2321  
2322</a>
2323
2324
2325        </li>
2326              <li class="overflow-hidden">
2327          
2328
2329
2330
2331
2332
2333
2334
2335
2336<a  class="flex-row-reverse link variant-inverted-orange variant-small"  href="/betriebe" >
2337
2338  <div  data-text="Betriebssuche">
2339    Betriebssuche
2340  </div>
2341
2342    <div  class="mr-1">
2343    
2344
2345<svg  class="fill-current svg w-4 h-4">
2346	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
2347</svg>
2348  </div>
2349  
2350</a>
2351
2352
2353        </li>
2354              <li class="overflow-hidden">
2355          
2356
2357
2358
2359
2360
2361
2362
2363
2364<a  class="flex-row-reverse link variant-inverted-orange variant-small"  href="/saisonkalender" >
2365
2366  <div  data-text="Saisonkalender">
2367    Saisonkalender
2368  </div>
2369
2370    <div  class="mr-1">
2371    
2372
2373<svg  class="fill-current svg w-4 h-4">
2374	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
2375</svg>
2376  </div>
2377  
2378</a>
2379
2380
2381        </li>
2382              <li class="overflow-hidden">
2383          
2384
2385
2386
2387
2388
2389
2390
2391
2392<a  class="flex-row-reverse link variant-inverted-orange variant-small"  href="/mitglied-werden/foerdermitgliedschaft" >
2393
2394  <div  data-text="Fördermitgliedschaft">
2395    Fördermitgliedschaft
2396  </div>
2397
2398    <div  class="mr-1">
2399    
2400
2401<svg  class="fill-current svg w-4 h-4">
2402	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
2403</svg>
2404  </div>
2405  
2406</a>
2407
2408
2409        </li>
2410              <li class="overflow-hidden">
2411          
2412
2413
2414
2415
2416
2417
2418
2419
2420<a  class="flex-row-reverse link variant-inverted-orange variant-small"  href="/rezepte" >
2421
2422  <div  data-text="Rezeptdatenbank">
2423    Rezeptdatenbank
2424  </div>
2425
2426    <div  class="mr-1">
2427    
2428
2429<svg  class="fill-current svg w-4 h-4">
2430	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
2431</svg>
2432  </div>
2433  
2434</a>
2435
2436
2437        </li>
2438              <li class="overflow-hidden">
2439          
2440
2441
2442
2443
2444
2445
2446
2447
2448<a  class="flex-row-reverse link variant-inverted-orange variant-small"  href="/veranstaltungen" >
2449
2450  <div  data-text="Veranstaltungen">
2451    Veranstaltungen
2452  </div>
2453
2454    <div  class="mr-1">
2455    
2456
2457<svg  class="fill-current svg w-4 h-4">
2458	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
2459</svg>
2460  </div>
2461  
2462</a>
2463
2464
2465        </li>
2466          </ul>
2467  </div>
2468
2469
2470      
2471
2472    
2473  
2474  <div class="lg:hidden">
2475  
2476
2477
2478
2479
2480
2481
2482
2483
2484
2485<div class="accordion--item group">
2486
2487  
2488  <div
2489    
2490     class="relative -mt-px first:mt-0 lg:-mx-l-desktop -mx-s"
2491    >
2492
2493    
2494        <label class="block cursor-pointer select-none lg:px-l-desktop px-s group">
2495
2496      <input @click="toggle" type="checkbox" class="hidden">
2497
2498      <div class="flex justify-between pointer-events-none">
2499        <div>
2500                          <div class="lg:py-m py-s">
2501      
2502
2503
2504
2505
2506
2507<h4  class="h3 text-white">Fachwelt</h4>
2508
2509
2510
2511    </div>
2512  
2513                  </div>
2514
2515                      <div class="lg:py-m py-s">
2516    <div  class="shrink-0 mt-0.5 ml-2 lg:mt-2 hoverable:group-hover:scale-110 transform-gpu transition-transform text-white" >
2517
2518      <div class="relative">
2519
2520        <div class="transition-all" :class="{'opacity-0 -rotate-90': isOpen()}">
2521          
2522
2523<svg  class="fill-current svg w-5 h-5">
2524	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#plus-circle"></use>
2525</svg>
2526        </div>
2527
2528        <div class="absolute top-0 left-0 transition-all"  :class="{'opacity-0 rotate-90': !isOpen()}">
2529          
2530
2531<svg  class="fill-current svg w-5 h-5">
2532	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#minu
2532s-circle"></use>
2533</svg>
2534        </div>
2535      </div>
2536    </div>
2537  </div>
2538
2539        
2540      </div>
2541    </label>
2542
2543    <div
2544      class="overflow-y-hidden"
2545      x-show="isOpen()"
2546      x-transition:enter="transition-all duration-500"
2547      x-transition:enter-start="opacity-0 max-h-0"
2548      x-transition:enter-end="opacity-100 max-h-[1000px]"
2549      x-transition:leave="transition-all duration-500"
2550      x-transition:leave-start="opacity-100 transform max-h-[1000px]"
2551      x-transition:leave-end="opacity-0 max-h-0">
2552      <div class="lg:pb-l pb-m lg:px-l-desktop px-s">
2553                      <ul>
2554                <li  class="overflow-hidden">
2555          
2556
2557
2558
2559
2560
2561
2562
2563
2564<a  class="p-2 flex-row-reverse link variant-inverted-orange variant-small"  href="/mitglied-werden" >
2565
2566  <div  data-text="Mitglied werden">
2567    Mitglied werden
2568  </div>
2569
2570    <div  class="mr-1">
2571    
2572
2573<svg  class="fill-current svg w-4 h-4">
2574	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
2575</svg>
2576  </div>
2577  
2578</a>
2579
2580
2581          </li>
2582                <li  class="overflow-hidden">
2583          
2584
2585
2586
2587
2588
2589
2590
2591
2592<a  class="p-2 flex-row-reverse link variant-inverted-orange variant-small"  href="/richtlinien-zertifizierung" >
2593
2594  <div  data-text="Richtlinien &amp; Zertifizierung">
2595    Richtlinien &amp; Zertifizierung
2596  </div>
2597
2598    <div  class="mr-1">
2599    
2600
2601<svg  class="fill-current svg w-4 h-4">
2602	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
2603</svg>
2604  </div>
2605  
2606</a>
2607
2608
2609          </li>
2610                <li  class="overflow-hidden">
2611          
2612
2613
2614
2615
2616
2617
2618
2619
2620<a  class="p-2 flex-row-reverse link variant-inverted-orange variant-small"  href="/akademie-bildung" >
2621
2622  <div  data-text="Akademie &amp; Bildung">
2623    Akademie &amp; Bildung
2624  </div>
2625
2626    <div  class="mr-1">
2627    
2628
2629<svg  class="fill-current svg w-4 h-4">
2630	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
2631</svg>
2632  </div>
2633  
2634</a>
2635
2636
2637          </li>
2638                <li  class="overflow-hidden">
2639          
2640
2641
2642
2643
2644
2645
2646
2647
2648<a  class="p-2 flex-row-reverse link variant-inverted-orange variant-small"  href="https://shop.demeter.de/" >
2649
2650  <div  data-text="Verpackungs- und Werbematerial">
2651    Verpackungs- und Werbematerial
2652  </div>
2653
2654    <div  class="mr-1">
2655    
2656
2657<svg  class="fill-current svg w-4 h-4">
2658	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
2659</svg>
2660  </div>
2661  
2662</a>
2663
2664
2665          </li>
2666          </ul>
2667  
2668              </div>
2669    </div>
2670
2671
2672    
2673  </div>
2674  
2675</div>
2676
2677  </div>
2678
2679
2680    <div class="hidden lg:block">
2681        <div class="mb-6">
2682      
2683
2684
2685
2686
2687
2688<h4  class="h4 text-white">Fachwelt</h4>
2689
2690
2691
2692    </div>
2693
2694        <ul class="space-y-2">
2695              <li class="overflow-hidden">
2696          
2697
2698
2699
2700
2701
2702
2703
2704
2705<a  class="flex-row-reverse link variant-inverted-orange variant-small"  href="/mitglied-werden" >
2706
2707  <div  data-text="Mitglied werden">
2708    Mitglied werden
2709  </div>
2710
2711    <div  class="mr-1">
2712    
2713
2714<svg  class="fill-current svg w-4 h-4">
2715	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
2716</svg>
2717  </div>
2718  
2719</a>
2720
2721
2722        </li>
2723              <li class="overflow-hidden">
2724          
2725
2726
2727
2728
2729
2730
2731
2732
2733<a  class="flex-row-reverse link variant-inverted-orange variant-small"  href="/richtlinien-zertifizierung" >
2734
2735  <div  data-text="Richtlinien &amp; Zertifizierung">
2736    Richtlinien &amp; Zertifizierung
2737  </div>
2738
2739    <div  class="mr-1">
2740    
2741
2742<svg  class="fill-current svg w-4 h-4">
2743	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
2744</svg>
2745  </div>
2746  
2747</a>
2748
2749
2750        </li>
2751              <li class="overflow-hidden">
2752          
2753
2754
2755
2756
2757
2758
2759
2760
2761<a  class="flex-row-reverse link variant-inverted-orange variant-small"  href="/akademie-bildung" >
2762
2763  <div  data-text="Akademie &amp; Bildung">
2764    Akademie &amp; Bildung
2765  </div>
2766
2767    <div  class="mr-1">
2768    
2769
2770<svg  class="fill-current svg w-4 h-4">
2771	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
2772</svg>
2773  </div>
2774  
2775</a>
2776
2777
2778        </li>
2779              <li class="overflow-hidden">
2780          
2781
2782
2783
2784
2785
2786
2787
2788
2789<a  class="flex-row-reverse link variant-inverted-orange variant-small"  href="https://shop.demeter.de/" >
2790
2791  <div  data-text="Verpackungs- und Werbematerial">
2792    Verpackungs- und Werbematerial
2793  </div>
2794
2795    <div  class="mr-1">
2796    
2797
2798<svg  class="fill-current svg w-4 h-4">
2799	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
2800</svg>
2801  </div>
2802  
2803</a>
2804
2805
2806        </li>
2807          </ul>
2808  </div>
2809
2810
2811      
2812
2813    
2814  
2815  <div class="lg:hidden">
2816  
2817
2818
2819
2820
2821
2822
2823
2824
2825
2826<div class="accordion--item group">
2827
2828  
2829  <div
2830    
2831     class="relative -mt-px first:mt-0 lg:-mx-l-desktop -mx-s"
2832    >
2833
2834    
2835        <label class="block cursor-pointer select-none lg:px-l-desktop px-s group">
2836
2837      <input @click="toggle" type="checkbox" class="hidden">
2838
2839      <div class="flex justify-between pointer-events-none">
2840        <div>
2841                          <div class="lg:py-m py-s">
2842      
2843
2844
2845
2846
2847
2848<h4  class="h3 text-white">Zu den Regionen</h4>
2849
2850
2851
2852    </div>
2853  
2854                  </div>
2855
2856                      <div class="lg:py-m py-s">
2857    <div  class="shrink-0 mt-0.5 ml-2 lg:mt-2 hoverable:group-hover:scale-110 transform-gpu transition-transform text-white" >
2858
2859      <div class="relative">
2860
2861        <div class="transition-all" :class="{'opacity-0 -rotate-90': isOpen()}">
2862          
2863
2864<svg  class="fill-current svg w-5 h-5">
2865	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#plus-circle"></use>
2866</svg>
2867        </div>
2868
2869        <div class="absolute top-0 left-0 transition-all"  :class="{'opacity-0 rotate-90': !isOpen()}">
2870          
2871
2872<svg  class="fill-current svg w-5 h-5">
2873	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#minu
2873s-circle"></use>
2874</svg>
2875        </div>
2876      </div>
2877    </div>
2878  </div>
2879
2880        
2881      </div>
2882    </label>
2883
2884    <div
2885      class="overflow-y-hidden"
2886      x-show="isOpen()"
2887      x-transition:enter="transition-all duration-500"
2888      x-transition:enter-start="opacity-0 max-h-0"
2889      x-transition:enter-end="opacity-100 max-h-[1000px]"
2890      x-transition:leave="transition-all duration-500"
2891      x-transition:leave-start="opacity-100 transform max-h-[1000px]"
2892      x-transition:leave-end="opacity-0 max-h-0">
2893      <div class="lg:pb-l pb-m lg:px-l-desktop px-s">
2894                      <ul>
2895                <li  class="overflow-hidden">
2896          
2897
2898
2899
2900
2901
2902
2903
2904
2905<a  class="p-2 flex-row-reverse link variant-inverted-orange variant-small"  href="/norden-umleitung" >
2906
2907  <div  data-text="Demeter im Norden">
2908    Demeter im Norden
2909  </div>
2910
2911    <div  class="mr-1">
2912    
2913
2914<svg  class="fill-current svg w-4 h-4">
2915	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
2916</svg>
2917  </div>
2918  
2919</a>
2920
2921
2922          </li>
2923                <li  class="overflow-hidden">
2924          
2925
2926
2927
2928
2929
2930
2931
2932
2933<a  class="p-2 flex-row-reverse link variant-inverted-orange variant-small"  href="/osten" >
2934
2935  <div  data-text="Demeter im Osten">
2936    Demeter im Osten
2937  </div>
2938
2939    <div  class="mr-1">
2940    
2941
2942<svg  class="fill-current svg w-4 h-4">
2943	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
2944</svg>
2945  </div>
2946  
2947</a>
2948
2949
2950          </li>
2951                <li  class="overflow-hidden">
2952          
2953
2954
2955
2956
2957
2958
2959
2960
2961<a  class="p-2 flex-row-reverse link variant-inverted-orange variant-small"  href="/westen" >
2962
2963  <div  data-text="Demeter im Westen">
2964    Demeter im Westen
2965  </div>
2966
2967    <div  class="mr-1">
2968    
2969
2970<svg  class="fill-current svg w-4 h-4">
2971	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
2972</svg>
2973  </div>
2974  
2975</a>
2976
2977
2978          </li>
2979                <li  class="overflow-hidden">
2980          
2981
2982
2983
2984
2985
2986
2987
2988
2989<a  class="p-2 flex-row-reverse link variant-inverted-orange variant-small"  href="/bayern" >
2990
2991  <div  data-text="Demeter Bayern">
2992    Demeter Bayern
2993  </div>
2994
2995    <div  class="mr-1">
2996    
2997
2998<svg  class="fill-current svg w-4 h-4">
2999	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
3000</svg>
3001  </div>
3002  
3003</a>
3004
3005
3006          </li>
3007                <li  class="overflow-hidden">
3008          
3009
3010
3011
3012
3013
3014
3015
3016
3017<a  class="p-2 flex-row-reverse link variant-inverted-orange variant-small"  href="/baden-wuerttemberg" >
3018
3019  <div  data-text="Demeter Baden-Württemberg">
3020    Demeter Baden-Württemberg
3021  </div>
3022
3023    <div  class="mr-1">
3024    
3025
3026<svg  class="fill-current svg w-4 h-4">
3027	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
3028</svg>
3029  </div>
3030  
3031</a>
3032
3033
3034          </li>
3035          </ul>
3036  
3037              </div>
3038    </div>
3039
3040
3041    
3042  </div>
3043  
3044</div>
3045
3046  </div>
3047
3048
3049    <div class="hidden lg:block">
3050        <div class="mb-6">
3051      
3052
3053
3054
3055
3056
3057<h4  class="h4 text-white">Zu den Regionen</h4>
3058
3059
3060
3061    </div>
3062
3063        <ul class="space-y-2">
3064              <li class="overflow-hidden">
3065          
3066
3067
3068
3069
3070
3071
3072
3073
3074<a  class="flex-row-reverse link variant-inverted-orange variant-small"  href="/norden-umleitung" >
3075
3076  <div  data-text="Demeter im Norden">
3077    Demeter im Norden
3078  </div>
3079
3080    <div  class="mr-1">
3081    
3082
3083<svg  class="fill-current svg w-4 h-4">
3084	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
3085</svg>
3086  </div>
3087  
3088</a>
3089
3090
3091        </li>
3092              <li class="overflow-hidden">
3093          
3094
3095
3096
3097
3098
3099
3100
3101
3102<a  class="flex-row-reverse link variant-inverted-orange variant-small"  href="/osten" >
3103
3104  <div  data-text="Demeter im Osten">
3105    Demeter im Osten
3106  </div>
3107
3108    <div  class="mr-1">
3109    
3110
3111<svg  class="fill-current svg w-4 h-4">
3112	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
3113</svg>
3114  </div>
3115  
3116</a>
3117
3118
3119        </li>
3120              <li class="overflow-hidden">
3121          
3122
3123
3124
3125
3126
3127
3128
3129
3130<a  class="flex-row-reverse link variant-inverted-orange variant-small"  href="/westen" >
3131
3132  <div  data-text="Demeter im Westen">
3133    Demeter im Westen
3134  </div>
3135
3136    <div  class="mr-1">
3137    
3138
3139<svg  class="fill-current svg w-4 h-4">
3140	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
3141</svg>
3142  </div>
3143  
3144</a>
3145
3146
3147        </li>
3148              <li class="overflow-hidden">
3149          
3150
3151
3152
3153
3154
3155
3156
3157
3158<a  class="flex-row-reverse link variant-inverted-orange variant-small"  href="/bayern" >
3159
3160  <div  data-text="Demeter Bayern">
3161    Demeter Bayern
3162  </div>
3163
3164    <div  class="mr-1">
3165    
3166
3167<svg  class="fill-current svg w-4 h-4">
3168	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
3169</svg>
3170  </div>
3171  
3172</a>
3173
3174
3175        </li>
3176              <li class="overflow-hidden">
3177          
3178
3179
3180
3181
3182
3183
3184
3185
3186<a  class="flex-row-reverse link variant-inverted-orange variant-small"  href="/baden-wuerttemberg" >
3187
3188  <div  data-text="Demeter Baden-Württemberg">
3189    Demeter Baden-Württemberg
3190  </div>
3191
3192    <div  class="mr-1">
3193    
3194
3195<svg  class="fill-current svg w-4 h-4">
3196	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
3197</svg>
3198  </div>
3199  
3200</a>
3201
3202
3203        </li>
3204          </ul>
3205  </div>
3206
3207
3208      
3209
3210    
3211  
3212  <div class="lg:hidden">
3213  
3214
3215
3216
3217
3218
3219
3220
3221
3222
3223<div class="accordion--item group">
3224
3225  
3226  <div
3227    
3228     class="relative -mt-px first:mt-0 lg:-mx-l-desktop -mx-s"
3229    >
3230
3231    
3232        <label class="block cursor-pointer select-none lg:px-l-desktop px-s group">
3233
3234      <input @click="toggle" type="checkbox" class="hidden">
3235
3236      <div class="flex justify-between pointer-events-none">
3237        <div>
3238                          <div class="lg:py-m py-s">
3239      
3240
3241
3242
3243
3244
3245<h4  class="h3 text-white">Kontakt</h4>
3246
3247
3248
3249    </div>
3250  
3251                  </div>
3252
3253                      <div class="lg:py-m py-s">
3254    <div  class="shrink-0 mt-0.5 ml-2 lg:mt-2 hoverable:group-hover:scale-110 transform-gpu transition-transform text-white" >
3255
3256      <div class="relative">
3257
3258        <div class="transition-all" :class="{'opacity-0 -rotate-90': isOpen()}">
3259          
3260
3261<svg  class="fill-current svg w-5 h-5">
3262	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#plus-circle"></use>
3263</svg>
3264        </div>
3265
3266        <div class="absolute top-0 left-0 transition-all"  :class="{'opacity-0 rotate-90': !isOpen()}">
3267          
3268
3269<svg  class="fill-current svg w-5 h-5">
3270	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#minu
3270s-circle"></use>
3271</svg>
3272        </div>
3273      </div>
3274    </div>
3275  </div>
3276
3277        
3278      </div>
3279    </label>
3280
3281    <div
3282      class="overflow-y-hidden"
3283      x-show="isOpen()"
3284      x-transition:enter="transition-all duration-500"
3285      x-transition:enter-start="opacity-0 max-h-0"
3286      x-transition:enter-end="opacity-100 max-h-[1000px]"
3287      x-transition:leave="transition-all duration-500"
3288      x-transition:leave-start="opacity-100 transform max-h-[1000px]"
3289      x-transition:leave-end="opacity-0 max-h-0">
3290      <div class="lg:pb-l pb-m lg:px-l-desktop px-s">
3291                      <ul>
3292                <li  class="overflow-hidden">
3293          
3294
3295
3296
3297
3298
3299
3300
3301
3302<a  class="p-2 flex-row-reverse link variant-inverted-orange variant-small"  href="/kontakt-anfahrt" >
3303
3304  <div  data-text="Kontakt &amp; Anfahrt">
3305    Kontakt &amp; Anfahrt
3306  </div>
3307
3308    <div  class="mr-1">
3309    
3310
3311<svg  class="fill-current svg w-4 h-4">
3312	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
3313</svg>
3314  </div>
3315  
3316</a>
3317
3318
3319          </li>
3320                <li  class="overflow-hidden">
3321          
3322
3323
3324
3325
3326
3327
3328
3329
3330<a  class="p-2 flex-row-reverse link variant-inverted-orange variant-small"  href="/presseinformationen" >
3331
3332  <div  data-text="Presseinformationen">
3333    Presseinformationen
3334  </div>
3335
3336    <div  class="mr-1">
3337    
3338
3339<svg  class="fill-current svg w-4 h-4">
3340	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
3341</svg>
3342  </div>
3343  
3344</a>
3345
3346
3347          </li>
3348                <li  class="overflow-hidden">
3349          
3350
3351
3352
3353
3354
3355
3356
3357
3358<a  class="p-2 flex-row-reverse link variant-inverted-orange variant-small"  href="/verbraucheranfragen" >
3359
3360  <div  data-text="Verbraucheranfragen">
3361    Verbraucheranfragen
3362  </div>
3363
3364    <div  class="mr-1">
3365    
3366
3367<svg  class="fill-current svg w-4 h-4">
3368	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
3369</svg>
3370  </div>
3371  
3372</a>
3373
3374
3375          </li>
3376          </ul>
3377  
3378              </div>
3379    </div>
3380
3381
3382    
3383  </div>
3384  
3385</div>
3386
3387  </div>
3388
3389
3390    <div class="hidden lg:block">
3391        <div class="mb-6">
3392      
3393
3394
3395
3396
3397
3398<h4  class="h4 text-white">Kontakt</h4>
3399
3400
3401
3402    </div>
3403
3404        <ul class="space-y-2">
3405              <li class="overflow-hidden">
3406          
3407
3408
3409
3410
3411
3412
3413
3414
3415<a  class="flex-row-reverse link variant-inverted-orange variant-small"  href="/kontakt-anfahrt" >
3416
3417  <div  data-text="Kontakt &amp; Anfahrt">
3418    Kontakt &amp; Anfahrt
3419  </div>
3420
3421    <div  class="mr-1">
3422    
3423
3424<svg  class="fill-current svg w-4 h-4">
3425	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
3426</svg>
3427  </div>
3428  
3429</a>
3430
3431
3432        </li>
3433              <li class="overflow-hidden">
3434          
3435
3436
3437
3438
3439
3440
3441
3442
3443<a  class="flex-row-reverse link variant-inverted-orange variant-small"  href="/presseinformationen" >
3444
3445  <div  data-text="Presseinformationen">
3446    Presseinformationen
3447  </div>
3448
3449    <div  class="mr-1">
3450    
3451
3452<svg  class="fill-current svg w-4 h-4">
3453	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
3454</svg>
3455  </div>
3456  
3457</a>
3458
3459
3460        </li>
3461              <li class="overflow-hidden">
3462          
3463
3464
3465
3466
3467
3468
3469
3470
3471<a  class="flex-row-reverse link variant-inverted-orange variant-small"  href="/verbraucheranfragen" >
3472
3473  <div  data-text="Verbraucheranfragen">
3474    Verbraucheranfragen
3475  </div>
3476
3477    <div  class="mr-1">
3478    
3479
3480<svg  class="fill-current svg w-4 h-4">
3481	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use>
3482</svg>
3483  </div>
3484  
3485</a>
3486
3487
3488        </li>
3489          </ul>
3490  </div>
3491
3492
3493  
3494      </div>
3495
3496
3497
3498  
3499      
3500  
3501
3502      </div>
3503
3504    </div>
3505
3506  </div>
3507
3508
3509  
3510    
3511        
3512
3513
3514
3515
3516
3517
3518  
3519  
3520  <div  class="px-5 md:px-12.5 lg:px-40 w-full">
3521
3522    <div  class="lg:grid grid-cols-12 gap-gridgap-lg max-w-[1600px] mx-auto w-full">
3523
3524            <div  class="col-span-12 relative w-full">
3525        
3526  
3527    
3528      <div class="p-4 mb-12 text-center bg-white lg:text-left">
3529        
3530
3531
3532
3533
3534<div  class="flex flex-wrap items-center text-orange justify-center gap-x-12.5 gap-y-8 lg:gap-y-12.5 lg:gap-x-16 p-12.5 lg:py-[100px]">
3535  </div>
3536
3537      </div>
3538      
3539  
3540
3541      </div>
3542
3543    </div>
3544
3545  </div>
3546
3547
3548  
3549        
3550
3551
3552
3553
3554
3555
3556  
3557  
3558  <div  class="px-5 md:px-12.5 lg:px-40 w-full">
3559
3560    <div  class="lg:grid grid-cols-12 gap-gridgap-lg max-w-[1600px] mx-auto w-full">
3561
3562            <div  class="col-span-12 relative w-full">
3563        
3564  
3565              <div class="font-sans text-xs lg:text-center break-keep">
3566    &copy; 2026 Demeter e.V.
3567          &nbsp;&nbsp;|&nbsp;&#32;
3568      <a href="/datenschutz" class="transition-colors before:h-0.5 before:bg-current before:w-full relative before:absolute before:-bottom-0.5 before:opacity-0 hoverable:hover:before:opacity-100 before:transition-opacity whitespace-nowrap">
3569        Datenschutz
3570      </a>
3571          &nbsp;&nbsp;|&nbsp;&#32;
3572      <a href="/impressum" class="transition-colors before:h-0.5 before:bg-current before:w-full relative before:absolute before:-bottom-0.5 before:opacity-0 hoverable:hover:before:opacity-100 before:transition-opacity whitespace-nowrap">
3573        Impressum
3574      </a>
3575            &nbsp;&nbsp;|&nbsp;&#32;
3576    <button @click="$store.cookieConsent.renew" class="transition-colors before:h-0.5 before:bg-current before:w-full relative before:absolute before:-bottom-0.5 before:opacity-0 hoverable:hover:before:opacity-100 before:transition-opacity whitespace-nowrap">
3577        Cookie-Einstellungen aktualisieren
3578    </button></div>
3579
3580  
3581      
3582  
3583
3584      </div>
3585
3586    </div>
3587
3588  </div>
3589
3590
3591  
3592</footer>
3593
3594
3595  
3596</div>
3597
3598
3599
3600    
3601
3602
3603
3604
3605<div
3606  class="fixed bottom-0 left-0 z-20 w-full h-[var(--megalayerHeight)] bg-white megalayer"
3607  x-data
3608  x-cloak
3609  x-show="$store.megaLayer.visible"
3610  x-transition:enter="transition ease-out duration-300"
3611  x-transition:enter-start="opacity-0 translate-y-10"
3612  x-transition:enter-end="opacity-100"
3613  x-transition:leave="transition ease-in duration-300"
3614  x-transition:leave-start="opacity-100"
3615  x-transition:leave-end="opacity-0 translate-y-10"
3616  @keydown.window.escape="$store.megaLayer.close()">
3617
3618  <div class="w-full h-full overflow-y-auto bg-orange/10">
3619
3620    
3621
3622
3623
3624
3625
3626
3627  
3628  
3629  <div  class="h-full px-5 md:px-12.5 lg:px-40 w-full">
3630
3631    <div  class="h-full lg:grid grid-cols-12 gap-gridgap-lg max-w-[1600px] mx-auto w-full">
3632
3633            <div  class="col-span-12 h-full relative w-full">
3634        
3635  
3636            <div class="relative pt-m lg:pt-l-desktop pb-xl lg:pb-xl-dektop">
3637
3638                    <button
3639            class="absolute z-10 p-2 transition-colors top-m right-0 text-orange hoverable:hover:text-green lg:hidden"
3640            @click="$store.megaLayer.close()"
3641            aria-label="Close menu">
3642            
3643  
3644
3645<svg  class="fill-current svg w-8 h-8">
3646	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#x"></use>
3647</svg>
3648
3649          </button>
3650          <div class="lg:shrink grow lg:-ml-s">
3651            <div class="h-full grid-cols-12 lg:grid gap-gridgap-lg">
3652                            <div
3653                class="h-full col-span-4"
3654                x-show="$store.megaLayer.visible"
3655                x-transition:enter="transition ease-out duration-1000 delay-300"
3656                x-transition:enter-start="opacity-0 translate-y-5"
3657                x-transition:enter-end="opacity-100"
3658                x-transition:leave="transition ease-in duration-300"
3659                x-transition:leave-start=""
3660                x-transition:leave-end="">
3661                    
3662<div id="primary-menu"  data-menu-name="dm--demeter--main" data-react-menu-settings="2a5f37c9-d8f0-4647-b176-0298d653c6e2">
3663  <div class="react-menu" role="navigation">
3664    <div class="react-menu__header react-menu__header--has-backbutton">
3665            <a href="/verband" class="react-menu__back">
3666        <svg class="react-icon"><use xlink:href="#icon_react-arrow-back"></use></svg>
3667      </a>
3668      
3669      <div class="react-menu__breadcrumb-container">
3670        <ul class="react-menu__breadcrumbs" aria-label="breadcrumbs">
3671                      <li class="react-menu__breadcrumb">
3672        <a href="/fachwelt">
3673          <svg class="react-icon react-icon--rotate-180 react-icon--small react-menu__breadcrumb-icon"><use xlink:href="#icon_react-arrow-forward"></use></svg>
3674          Fachwelt
3675        </a>
3676      </li>
3677          <li class="react-menu__breadcrumb">
3678        <a href="/verband">
3679          <svg class="react-icon react-icon--rotate-180 react-icon--small react-menu__breadcrumb-icon"><use xlink:href="#icon_react-arrow-forward"></use></svg>
3680          Über den Verband
3681        </a>
3682      </li>
3683          <li class="react-menu__breadcrumb">
3684        <a href="/kontakt-anfahrt">
3685          <svg class="react-icon react-icon--rotate-180 react-icon--small react-menu__breadcrumb-icon"><use xlink:href="#icon_react-arrow-forward"></use></svg>
3686          Kontakt &amp; Anfahrt
3687        </a>
3688      </li>
3689      
3690        </ul>
3691      </div>
3692          </div>
3693    <nav class="react-menu__container clearfix">
3694      <ul class="react-menu__list">
3695                  <li class="react-menu__item">
3696            <a href="/kontakt/vorstand-verbandsmanagement" class="react-menu__link">
3697              Vorstand und Verbandsmanagement
3698            </a>
3699                      </li>
3700                  <li class="react-menu__item">
3701            <a href="/kontakt/verwaltung" class="react-menu__link">
3702              Verwaltung
3703            </a>
3704                      </li>
3705                  <li class="react-menu__item">
3706            <a href="/kontakt/agrar-und-ernaehrungskultur" class="react-menu__link">
3707              Agrar- und Ernährungskultur
3708            </a>
3709                      </li>
3710                  <li class="react-menu__item">
3711            <a href="/kontakt/qualitaet" class="react-menu__link">
3712              Qualität
3713            </a>
3714                      </li>
3715                  <li class="react-menu__item">
3716            <a href="/kontakt/markt" class="react-menu__link">
3717              Markt
3718            </a>
3719                      </li>
3720                  <li class="react-menu__item">
3721            <a href="/kontakt/oeffentlichkeitsarbeit-marketing" class="react-menu__link">
3722              Politik- und Öffentlichkeitsarbeit
3723            </a>
3724                      </li>
3725                  <li class="react-menu__item">
3726            <a href="/kontakt/norden" class="react-menu__link">
3727              Kontakte im Norden
3728            </a>
3729                      </li>
3730                  <li class="react-menu__item">
3731            <a href="/politik-richtlinien-und-qualitaetsentwicklung" class="react-menu__link">
3732              Politik, Richtlinien- und Qualitätsentwicklung
3733            </a>
3734                      </li>
3735                  <li class="react-menu__item">
3736            <a href="/kontakt/bayern" class="react-menu__link">
3737              Kontakte in Bayern
3738            </a>
3739                      </li>
3740              </ul>
3741    </nav>
3742  </div>
3743</div>
3744
3745
3746  
3747
3748              </div>
3749
3750              <div class="grid-cols-12 col-span-8 lg:grid gap-gridgap-lg max-h-[599px]">
3751                                <div
3752                  class="hidden h-full col-span-6 lg:block hide-scrollbar"
3753                  x-show="$store.megaLayer.visible"
3754                  x-transition:enter="transition ease-out duration-1000 delay-500"
3755                  x-transition:enter-start="opacity-0 translate-y-5"
3756                  x-transition:enter-end="opacity-100"
3757                  x-transition:leave="transition ease-in duration-300"
3758                  x-transition:leave-start=""
3759                  x-transition:leave-end=""
3760                  >
3761                    <div class="relative w-full h-full drilldown-navigation--teaser-1">
3762                      <div class="absolute top-0 bottom-0 left-0 flex w-full drilldown-navigation--teaser-innerwrapper [&>.teaser]:overflow-hidden">
3763                        
3764
3765
3766
3767
3768  
3769
3770<a  data-id="13476" href="/mitglied-werden/erzeugung" class="teaser-topic teaser block w-full transition-colors duration-500 group bg-orange hoverable:hover:bg-green cursor-pointer text-white select-none">
3771    <div class="relative w-full overflow-hidden aspect-3/2 image--cover teaser-topic--image-wrapper">
3772    
3773
3774                      <img loading="lazy" src="/sites/default/files/styles/standard_teaser/public/demeter.de/artikel/images/leistungen_mitgliedschaft_erzeuger_demeter_biodynamisch_160128_0.jpg.webp?h=ce88f7a9&amp;itok=G2nzK92f" width="500" height="333" />
3775
3776
3777
3778            
3779
3780
3781      </div>
3782  
3783  <div class="bg-orange hoverable:group-hover:bg-green p-m lg:p-l-desktop lg:h-[287px] h-[209px]">
3784    <div class="text-base font-light tracking-wide truncate mb-s lg:mb-s-desktop">
3785      
3786
3787                    Umstellungsberatung
3788            
3789
3790    </div>
3791
3792    <div class="mb-s lg:mb-s-desktop line-clamp-3">
3793      
3794
3795
3796
3797
3798
3799<h3  class="h3 text-white">
3800
3801                    DEMETER-MITGLIEDSCHAFT FÜR ERZEUGER
3802            
3803</h3>
3804
3805
3806
3807    </div>
3808
3809    <div>
3810      
3811
3812
3813
3814
3815
3816<div  class="simple-link variant-white">
3817  
3818
3819                    Weiterlesen
3820            
3821
3822</div>
3823
3824    </div>
3825  </div>
3826</a>
3827
3828
3829                      </div>
3830                    </div>
3831                </div>
3832
3833                                <div class="hidden h-full col-span-6 lg:block space-y-m hide-scrollbar">
3834
3835                                        <div
3836                      class="h-[287px] w-full relative drilldown-navigation--teaser-2"
3837                      x-show="$store.megaLayer.visible"
3838                      x-transition:enter="transition ease-out duration-1000 delay-700"
3839                      x-transition:enter-start="opacity-0 translate-y-5"
3840                      x-transition:enter-end="opacity-100"
3841                      x-transition:leave="transition ease-in duration-300"
3842                      x-transition:leave-start=""
3843                      x-transition:leave-end=""
3844                      >
3845                      <div class="absolute top-0 left-0 w-full drilldown-navigation--teaser-innerwrapper [&_.teaser-topic--image-wrapper]:hidden">
3846                        
3847
3848
3849
3850
3851  
3852
3853<a  data-id="13477" href="/forschung" class="teaser-topic teaser block w-full transition-colors duration-500 group bg-orange hoverable:hover:bg-green cursor-pointer text-white select-none">
3854  
3855  <div class="bg-orange hoverable:group-hover:bg-green p-m lg:p-l-desktop lg:h-[287px] h-[209px]">
3856    <div class="text-base font-light tracking-wide truncate mb-s lg:mb-s-desktop">
3857      
3858
3859                    Biodynamische Landwirtschaft verstehen und verbessern
3860            
3861
3862    </div>
3863
3864    <div class="mb-s lg:mb-s-desktop line-clamp-3">
3865      
3866
3867
3868
3869
3870
3871<h3  class="h3 text-white">
3872
3873                    BIOLOGISCH-DYNAMISCHE FORSCHUNG
3874            
3875</h3>
3876
3877
3878
3879    </div>
3880
3881    <div>
3882      
3883
3884
3885
3886
3887
3888<div  class="simple-link variant-white">
3889  
3890
3891                    Weiterlesen
3892            
3893
3894</div>
3895
3896    </div>
3897  </div>
3898</a>
3899
3900
3901                      </div>
3902                    </div>
3903
3904                                        <div
3905                      class="h-[287px] w-full relative drilldown-navigation--teaser-3"
3906                      x-show="$store.megaLayer.visible"
3907                      x-transition:enter="transition ease-out duration-1000 delay-1000"
3908                      x-transition:enter-start="opacity-0 translate-y-5"
3909                      x-transition:enter-end="opacity-100"
3910                      x-transition:leave="transition ease-in duration-300"
3911                      x-transition:leave-start=""
3912                      x-transition:leave-end="">
3913                      <div class="absolute top-0 left-0 w-full drilldown-navigation--teaser-innerwrapper [&_.teaser-topic--image-wrapper]:hidden">
3914                        
3915
3916
3917
3918
3919  
3920
3921<a  data-id="13478" href="/verbraucherkommunikation" class="teaser-topic teaser block w-full transition-colors duration-500 group bg-orange hoverable:hover:bg-green curs
3921or-pointer text-white select-none">
3922  
3923  <div class="bg-orange hoverable:group-hover:bg-green p-m lg:p-l-desktop lg:h-[287px] h-[209px]">
3924    <div class="text-base font-light tracking-wide truncate mb-s lg:mb-s-desktop">
3925      
3926
3927                    Leistungen
3928            
3929
3930    </div>
3931
3932    <div class="mb-s lg:mb-s-desktop line-clamp-3">
3933      
3934
3935
3936
3937
3938
3939<h3  class="h3 text-white">
3940
3941                    VERBRAUCHERKOMMUNIKATION
3942            
3943</h3>
3944
3945
3946
3947    </div>
3948
3949    <div>
3950      
3951
3952
3953
3954
3955
3956<div  class="simple-link variant-white">
3957  
3958
3959                    Weiterlesen
3960            
3961
3962</div>
3963
3964    </div>
3965  </div>
3966</a>
3967
3968
3969                      </div>
3970                    </div>
3971
3972                </div>
3973              </div>
3974            </div>
3975          </div>
3976
3977          <div class="shrink-0 pt-m [&>ul]:justify-center [&>ul]:flex-wrap [&>ul>li>a]:py-2">
3978              
3979
3980
3981  
3982  
3983
3984
3985
3986
3987<ul  class="flex flex-wrap items-center lg:max-w-[30vw] space-x-4 transition-opacity duration-500 justify-end">
3988
3989                  <li>
3990        
3991
3992
3993
3994
3995
3996
3997
3998
3999<a  class="flex-row-reverse link variant-green variant-medium"  href="/kontakt-anfahrt" >
4000
4001  <div  data-text="Kontakt &amp; Anfahrt">
4002    Kontakt &amp; Anfahrt
4003  </div>
4004
4005  
4006</a>
4007
4008
4009        </li>
4010            <li>
4011        
4012
4013
4014
4015
4016
4017
4018
4019
4020<a  class="flex-row-reverse link variant-green variant-medium"  href="/presseinformationen" >
4021
4022  <div  data-text="Presseinformationen">
4023    Presseinformationen
4024  </div>
4025
4026  
4027</a>
4028
4029
4030        </li>
4031            <li>
4032        
4033
4034
4035
4036
4037
4038
4039
4040
4041<a  class="flex-row-reverse link variant-green variant-medium"  href="/verbraucheranfragen" >
4042
4043  <div  data-text="Verbraucheranfragen">
4044    Verbraucheranfragen
4045  </div>
4046
4047  
4048</a>
4049
4050
4051        </li>
4052      
4053  
4054</ul>
4055
4056
4057
4058  
4059          </div>
4060
4061          <div class="shrink-0 pt-m">
4062            <div class="text-center">
4063              
4064
4065
4066
4067
4068
4069<div  class="h4 mb-m lg:mb-m-desktop text-center">Folge uns auf</div>
4070
4071
4072
4073            </div>
4074              <div class="flex flex-wrap items-center text-orange justify-center gap-x-12.5 gap-y-8 lg:gap-y-12.5 lg:gap-x-16 px-4 py-3 lg:px-6">
4075          <a href="https://www.facebook.com/demeter.de" aria-label="Facebook" class="block p-2 -m-2 transition-colors hoverable:hover:text-green"  target="_blank">
4076                                  
4077
4078<svg  class="fill-current svg w-6 h-6">
4079	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#iconfinder-facebook"></use>
4080</svg>
4081      </a>
4082          <a href="https://www.instagram.com/demeter_de" aria-label="Instagram" class="block p-2 -m-2 transition-colors hoverable:hover:text-green"  target="_blank">
4083                                  
4084
4085<svg  class="fill-current svg w-6 h-6">
4086	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#instagram"></use>
4087</svg>
4088      </a>
4089          <a href="https://www.linkedin.com/company/demeter-e-v" aria-label="LinkedIn" class="block p-2 -m-2 transition-colors hoverable:hover:text-green"  target="_blank">
4090                                  
4091
4092<svg  class="fill-current svg w-6 h-6">
4093	<use xlink:href="/themes/wingsuit/dist/app-drupal/images/spritemap.svg#linkedin"></use>
4094</svg>
4095      </a>
4096      </div>
4097
4098
4099          </div>
4100
4101        </div>
4102
4103
4104      
4105  
4106
4107      </div>
4108
4109    </div>
4110
4111  </div>
4112
4113
4114
4115
4116  </div>
4117
4118</div>
4119
4120  
4121
4122  </div>
4123
4124    
4125    
4125<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/1899","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"de"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"matomo":{"disableCookies":false,"trackColorbox":false,"trackMailto":true},"cookiebot":{"message_placeholder_cookieconsent_optout_marketing_show":false,"message_placeholder_cookieconsent_optout_marketing":"\u003Cdiv class=\u0022cookiebot cookieconsent-optout-marketing\u0022\u003E\n\t\u003Cdiv class=\u0022cookieconsent-optout-marketing__inner\u0022\u003E\n\t\t\u003Cp\u003EPlease \u003Ca class=\u0022cookieconsent-optout-marketing__cookiebot-renew\u0022 href=\u0022!cookiebot_renew\u0022\u003Eaccept marketing-cookies\u003C\/a\u003E to view this embedded content from \u003Ca class=\u0022cookieconsent-optout-marketing__from-src-url\u0022 href=\u0022!cookiebot_from_src_url\u0022 target=\u0022_blank\u0022\u003E!cookiebot_from_src_url\u003C\/a\u003E\u003C\/p\u003E\n\n\t\u003C\/div\u003E\n\u003C\/div\u003E\n"},"react_menu":{"2a5f37c9-d8f0-4647-b176-0298d653c6e2":{"breadcrumb_title":""}},"user":{"uid":0,"permissionsHash":"942c9479749265e644cf164a2ad5f611c67286b0be835612013478985bd48f65"}}</script>
vendor: 1 bytes, line 4125
4125
4126<script src="/core/assets/vendor/jquery/jquery.min.js?v=3.7.1"></script>
vendor: 1 bytes, line 4126
4126
4127<script src="/core/assets/vendor/once/once.min.js?v=1.0.1"></script>
vendor: 1 bytes, line 4127
4127
4128<script src="/sites/default/files/languages/de_pexVXew0h2ADL_Jou9SH_INAxgNbSiU7fLWZ29FNxUc.js?tlr9fw"></script>
vendor: 1 bytes, line 4128
4128
4129<script src="/core/misc/drupalSettingsLoader.js?v=10.6.9" data-cookieconsent="ignore"></script>
vendor: 1 bytes, line 4129
4129
4130<script src="/core/misc/drupal.js?v=10.6.9" data-cookieconsent="ignore"></script>
vendor: 1 bytes, line 4130
4130
4131<script src="/core/misc/drupal.init.js?v=10.6.9"></script>
vendor: 1 bytes, line 4131
4131
4132<script src="https://www.skynettechnologies.com/accessibility/js/all-in-one-accessibility-js-widget-minify.js?colorcode=#ee7203&amp;token=&amp;t=7877692&amp;position=bottom_right.aioa-icon-type-1.aioa-medium-icon" id="aioa-adawidget" type="text/plain" data-cookieconsent="preferences"></script>
vendor: 1 bytes, line 4132
4132
4133<script src="/modules/demeter/demeter_core/js/js.cookie.min.js?v=3.x"></script>
vendor: 1 bytes, line 4133
4133
4134<script src="/modules/contrib/cookiebot/js/cookiebot.js?tlr9fw"></script>
vendor: 1 bytes, line 4134
4134
4135<script src="/modules/contrib/matomo/js/matomo.js?tlr9fw"></script>
vendor: 1 bytes, line 4135
4135
4136<script src="/libraries/shariff/shariff.complete.js?v=10.6.9"></script>
vendor: 1 bytes, line 4136
4136
4137<script src="/themes/wingsuit/dist/app-drupal/wingsuit/../behaviors/accordion.js?tlr9fw"></script>
vendor: 1 bytes, line 4137
4137
4138<script src="/modules/custom/react_menu/dist/main.bundle.js?v=1.1"></script>
vendor: 1 bytes, line 4138
4138
4139<script src="/themes/wingsuit/dist/app-drupal/wingsuit/../behaviors/drilldown-navigation-drupal.js?tlr9fw"></script>
vendor: 1 bytes, line 4139
4139
4140<script src="/themes/wingsuit/dist/app-drupal/wingsuit/../behaviors/header.js?tlr9fw"></script>
vendor: 1 bytes, line 4140
4140
4141<script src="/themes/wingsuit/dist/app-drupal/wingsuit/../behaviors/megalayer.js?tlr9fw"></script>
vendor: 1 bytes, line 4141
4141
4142<script src="/themes/wingsuit/dist/app-drupal/wingsuit/../behaviors/slide-toggle.js?tlr9fw"></script>
vendor: 1 bytes, line 4142
4142
4143<script src="/themes/wingsuit/dist/app-drupal/vendors/alpine.js?v=1.7"></script>
vendor: 1 bytes, line 4143
4143
4144<script src="/themes/wingsuit/dist/app-drupal/vendors/polyfills.js?v=1.1"></script>
4144
4145
4146  </body>
4147</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.