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 & 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&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 & 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&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 & 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 & Anfahrt"> 508 Kontakt & 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="["facebook","linkedin","xing","whatsapp","mail"]" 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 & 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 & 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&rls=en&q=Brandschneise+1,%C2%A064295+Darmstadt&oe=UTF-8&um=1&ie=UTF-8&sa=X&ved=2ahUKEwjar7Ke-tD7AhUOCewKHepiAKYQ_AUoAXoECAMQAw" target="_blank">Brandschneise 1, 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] [&>.address,&>.rule-text]:font-serif [&>.address,&>.rule-text]:italic [&>.address,&>.rule-text]:font-light [&>.address,&>.rule-text]:text-s [&>.address,&>.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&ved=2ahUKEwjRjqys-tD7AhXxMuwKHd7LANsQ_BJ6BAhiEAk" target="_blank">Demeter e.V., NeckarstraÃe 19, 12053 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 & 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] [&>.address,&>.rule-text]:font-serif [&>.address,&>.rule-text]:italic [&>.address,&>.rule-text]:font-light [&>.address,&>.rule-text]:text-s [&>.address,&>.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 & 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&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&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&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&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&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 & 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&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 & Zertifizierung"> 2595 Richtlinien & 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 & Bildung"> 2623 Akademie & 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 & Zertifizierung"> 2736 Richtlinien & 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 & Bildung"> 2764 Akademie & 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 & Anfahrt"> 3305 Kontakt & 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 & Anfahrt"> 3418 Kontakt & 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 © 2026 Demeter e.V. 3567 |   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 |   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 |   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 & 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&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 & Anfahrt"> 4002 Kontakt & 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&token=&t=7877692&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.