{"id":3937,"date":"2026-02-27T14:40:36","date_gmt":"2026-02-27T13:40:36","guid":{"rendered":"https:\/\/alsace-essentielle.com\/brauereien\/"},"modified":"2026-05-30T21:40:59","modified_gmt":"2026-05-30T19:40:59","slug":"brauereien","status":"publish","type":"page","link":"https:\/\/alsace-essentielle.fr\/de\/brauereien\/","title":{"rendered":"Brauereien"},"content":{"rendered":"<p>[vc_row bg_position=&#8220;center top&#8220; css=&#8220;.vc_custom_1772016736854{padding-top: 50px !important;padding-bottom: 50px !important;background-image: url(https:\/\/alsace-essentielle.fr\/wp-content\/uploads\/2026\/02\/bg-beige-decoupage.png?id=1720) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8220;][vc_column][\/vc_column][\/vc_row][vc_row css=&#8220;.vc_custom_1772016894148{padding-top: 50px !important;padding-bottom: 50px !important;background-color: #f7f0e6 !important;}&#8220;][vc_column]<style>.ld_fancy_heading_6a3ffa4a428b9 h1{color:rgb(207, 51, 79);}.ld_fancy_heading_6a3ffa4a428b9 h1 {font-size:75px; } @media (min-width: 768px) { .ld_fancy_heading_6a3ffa4a428b9 h1 {font-size:69px; }  } @media (min-width: 1200px) { .ld_fancy_heading_6a3ffa4a428b9 h1 {font-size:90px; }  } .ld_fancy_heading_6a3ffa4a428b9 h1 {line-height:1em; } .ld_fancy_heading_6a3ffa4a428b9 h1 {--element-line-height:1em; } .ld_fancy_heading_6a3ffa4a428b9 h1 {font-weight:600; } .ld_fancy_heading_6a3ffa4a428b9 h1 {letter-spacing:-0.02em; } .ld_fancy_heading_6a3ffa4a428b9 .lqd-highlight-inner{height:0.275em!important;bottom:0px!important;}.ld_fancy_heading_6a3ffa4a428b9 h1 {font-size:75px; } @media (min-width: 768px) { .ld_fancy_heading_6a3ffa4a428b9 h1 {font-size:69px; }  } @media (min-width: 1200px) { .ld_fancy_heading_6a3ffa4a428b9 h1 {font-size:90px; }  } .ld_fancy_heading_6a3ffa4a428b9 h1 {line-height:1em; } .ld_fancy_heading_6a3ffa4a428b9 h1 {--element-line-height:1em; } .ld_fancy_heading_6a3ffa4a428b9 h1 {font-weight:600; } .ld_fancy_heading_6a3ffa4a428b9 h1 {letter-spacing:-0.02em; } <\/style><div class=\"ld-fancy-heading text-center home ld_fancy_heading_6a3ffa4a428b9\">\n\t<h1 class=\"ld-fh-element lqd-highlight-underline lqd-highlight-grow-left text-decoration-default lqd-split-lines\"   data-split-text=\"true\" data-split-options='{\"type\":\"lines\"}'>  Brauereien<\/h1><\/div><style>.ld_fancy_heading_6a3ffa4a42b51 h2{color:rgb(207, 51, 79);}.ld_fancy_heading_6a3ffa4a42b51 h2 {font-size:18px; } @media (min-width: 768px) { .ld_fancy_heading_6a3ffa4a42b51 h2 {font-size:18px; }  } @media (min-width: 992px) { .ld_fancy_heading_6a3ffa4a42b51 h2 {font-size:28px; }  } @media (min-width: 1200px) { .ld_fancy_heading_6a3ffa4a42b51 h2 {font-size:28px; }  } .ld_fancy_heading_6a3ffa4a42b51 h2 {line-height:18px; } .ld_fancy_heading_6a3ffa4a42b51 h2 {--element-line-height:18px; } @media (min-width: 992px) { .ld_fancy_heading_6a3ffa4a42b51 h2 {font-weight:100; }  } @media (min-width: 1200px) { .ld_fancy_heading_6a3ffa4a42b51 h2 {font-weight:100; }  } .ld_fancy_heading_6a3ffa4a42b51 .lqd-highlight-inner{height:0.275em!important;bottom:0px!important;}.ld_fancy_heading_6a3ffa4a42b51 h2 {font-size:18px; } @media (min-width: 768px) { .ld_fancy_heading_6a3ffa4a42b51 h2 {font-size:18px; }  } @media (min-width: 992px) { .ld_fancy_heading_6a3ffa4a42b51 h2 {font-size:28px; }  } @media (min-width: 1200px) { .ld_fancy_heading_6a3ffa4a42b51 h2 {font-size:28px; }  } .ld_fancy_heading_6a3ffa4a42b51 h2 {line-height:18px; } .ld_fancy_heading_6a3ffa4a42b51 h2 {--element-line-height:18px; } @media (min-width: 992px) { .ld_fancy_heading_6a3ffa4a42b51 h2 {font-weight:100; }  } @media (min-width: 1200px) { .ld_fancy_heading_6a3ffa4a42b51 h2 {font-weight:100; }  } <\/style><div class=\"ld-fancy-heading text-center text-uppercase sub-heading1 ld_fancy_heading_6a3ffa4a42b51\">\n\t<h2 class=\"ld-fh-element lqd-highlight-underline lqd-highlight-grow-left text-decoration-default lqd-split-lines\"   data-split-text=\"true\" data-split-options='{\"type\":\"lines\"}'>  Brauereitradition und els\u00e4ssischer Charakter<\/h2><\/div>[vc_row_inner][vc_column_inner width=&#8220;1\/6&#8243;][\/vc_column_inner][vc_column_inner width=&#8220;2\/3&#8243;]<style>.ld_fancy_heading_6a3ffa4a42d02 p{color:rgb(120, 9, 39);}.ld_fancy_heading_6a3ffa4a42d02 .lqd-highlight-inner{height:0.275em!important;bottom:0px!important;}<\/style><div class=\"ld-fancy-heading text-center ld_fancy_heading_6a3ffa4a42d02\">\n\t<p class=\"ld-fh-element lqd-highlight-underline lqd-highlight-grow-left text-decoration-default\"   >  Das Elsass, eine Region mit langer Biertradition, pflegt seit Jahrhunderten ein echtes Handwerkswissen im Brauen. In Alsace Essentielle lassen leidenschaftliche Brauer diese Tradition in ihren handwerklichen Brauereien weiterleben. Blonde, Amber oder originelle Kreationen, jedes Bier spiegelt eine Region, eine Pers\u00f6nlichkeit und eine Herstellungsweise wider, die die Identit\u00e4t der jeweiligen Brauerei ausmachen.<\/p><\/div>[\/vc_column_inner][vc_column_inner width=&#8220;1\/6&#8243;][\/vc_column_inner][\/vc_row_inner]<style>.ld_spacer_6a3ffa4a42dff{height:20px;}<\/style>\n<div class=\"ld-empty-space ld_spacer_6a3ffa4a42dff\"><\/div>[vc_single_image image=&#8220;3121&#8243; img_size=&#8220;ae-picto&#8220; alignment=&#8220;center&#8220;][vc_column_text]\n    \n<style>\n#lei-results.lei-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    align-items: stretch;\n}\n\n.lei-box {\n    border: 1px solid #ddd;\n    padding: 15px;\n    border-radius: 10px;\n    background: #fff;\n}\n\n.lei-box-res{\n    text-align:center;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    overflow: hidden;\n}\n.lei-box-res .img-box{\n    width: 60%;\n    aspect-ratio: 1 \/ 1;\n    margin: 0 auto;\n    border-radius: 50%;\n    overflow: hidden;\n    background-size:cover;\n    background-position:center center;\n    position: relative;\n    z-index:2;\n}\n.lei-box-res .content{\n    border: 3px solid #cf334f;\n    padding: 50px 26px;\n    border-radius: 25px;\n    margin-top: -70px;\n    padding-top: 80px;\n    padding-bottom: 20px;\n    position: relative;\n    z-index:1;\n    min-height:233px;\n}\n.lei-box-res .content .upcoming_event{\n    color:#cf334f;\n    font-size:14px;\n}\n.lei-box-res .content h3{\n    font-family: 'Manrope', Arial;\n    font-size:16px;\n    color:#cf334f;\n    margin:0;\n}\n.lei-box-res .content span{\n    color:#cf334f;\n    font-size:14px;\n    display:block;\n}\n.lei-box-res .content a.read-more1{\n    color: #cf334f;\n    position: relative;\n    text-decoration: none;\n    margin: auto;\n    margin-bottom: auto;\n    padding: 15px 30px;\n    transition: all 0.2s ease;\n    display: inline-block;\n    background: none;\n    text-transform: uppercase;\n    font-weight: bold;\n    letter-spacing: 1px;\n    font-size: 16px;\n    z-index: 0;\n    margin-top: 14px;\n}\n.lei-box-res .content a.read-more1:after{\n    content: \"\";\n    position: absolute;\n    top: -3px;\n    left: 0;\n    display: block;\n    border-radius: 28px;\n    width: 56px;\n    height: 56px;\n    transition: all 0.3s ease;\n    background: rgba(207, 51, 79, 0.3);\n    z-index: -1;\n}\n.lei-box-res:hover .content{\n    background:#cf334f;\n    border: 3px solid #cf334f;\n}\n.lei-box-res:hover .content h3, .lei-box-res:hover .content span, .lei-box-res:hover .content a.read-more1, .lei-box-res:hover .content .upcoming_event{\n    color: #fff;\n}\n.lei-box-res:hover .content a.read-more1:after{\n    background: rgba(255, 255, 255, 0.3);\n}\n.lei-wrapper .lei_btn{\n    margin: 0 auto;\n    margin-top: 20px;\n}\n.lei-box-res .lei_info{\n    border-bottom:1px solid #d03250;\n    margin-bottom: 10px;\n}\n.lei-box-res .lei_info ul{\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    width: 100%;\n    font-size: 0;\n    padding-bottom: 10px;\n}\n.lei-box-res .lei_info ul li{\n    display: inline-block;\n    width: 24%; \/* 1\/4 each *\/\n    text-align: center;\n    vertical-align: middle;\n    font-size: 14px; \/* restore text size *\/\n    white-space: nowrap;\n    margin: 0;\n    padding: 0;\n}\n.lei-box-res .lei_info ul li svg{\n    width: 15px;\n    height: 15px;\n    flex-shrink: 0;\n}\n.lei-box-res .lei_info ul li svg.elevation{\n    width: 33px;\n}\n.lei-box-res .lei_info ul li svg path{\n    fill:#d03250;\n}\n.lei-box-res .lei_info ul li div{\n    color:#d03250;\n    line-height: normal; \n    white-space: nowrap; \n    font-size: 12px;\n}\n.lei-box-res:hover .lei_info ul li svg path{\n    fill:#fff;\n}\n.lei-box-res:hover .lei_info ul li div{\n    color:#fff;\n}\n.lei-box-res:hover .lei_info{\n    border-bottom:1px solid #fff;\n}\n\n.lei-slider .lei-box-res .content{\n    border: 3px solid #f7f0e6;\n    padding: 50px 26px;\n    border-radius: 25px;\n    margin-top: -70px;\n    padding-top: 80px;\n    padding-bottom: 20px;\n    position: relative;\n    z-index:1;\n    min-height:233px;\n}\n.lei-slider .lei-box-res .content h3, .lei-slider .lei-box-res .content span, .lei-slider .lei-box-res .content a.read-more1, .lei-slider .lei-box-res .lei_info ul li div, .lei-slider .lei-box-res .content .upcoming_event{\n    color:#f7f0e6;\n}\n.lei-slider .lei_info{\n    width:100%;\n}\n.lei-slider .lei-box-res .lei_info ul li svg path{\n    fill:#f7f0e6;\n}\n.lei-slider .lei-box-res .lei_info{\n    border:none;\n    border-bottom:1px solid #f7f0e6;\n    border-radius:0;\n    background:transparent;\n}\n.lei-slider .lei-box-res .content a.read-more1:after{\n    background:rgba(247, 240, 230, 0.3);\n}\n.lei-slider .lei-box-res .lei_info ul li div{\n    display:block;\n}\n.lei-slider .lei-box-res:hover .content{\n    background:#f7f0e6;\n}\n.lei-slider .lei-box-res:hover .content h3, .lei-slider .lei-box-res:hover .content span, .lei-slider .lei-box-res:hover .content a.read-more1, \n.lei-slider .lei-box-res:hover .lei_info ul li div, .lei-slider .lei-box-res:hover .content .upcoming_event{\n    color:#d03250;\n}\n.lei-slider .lei-box-res:hover .content a.read-more1:after{\n    background:rgba(207, 51, 79, 0.3);\n}\n.lei-slider .lei-box-res:hover .lei_info ul li svg path{\n    fill:#d03250;\n}\n.lei-slider .lei-box-res:hover .lei_info{\n    border-bottom:1px solid #d03250;\n}\n.lei-button-next, .lei-button-prev {\n    color: #f7f0e6;\n}\n.lei-button-next:after, .lei-button-prev:after {\n    \n    font-size: 20px;\n}\n.lei-wrapper .lei_filters{\n    text-align:center;\n    margin-bottom:40px;\n}\n.lei-wrapper .lei_filters .ui-selectmenu-button{\n    border:2px solid #cf334f;\n    border-radius:20px;\n}\n.ui-selectmenu-menu .ui-menu {\n    max-height: 250px;   \n    overflow-y: auto;    \n    overflow-x: hidden;\n}\n.ui-selectmenu-menu {\n    z-index: 2;\n}\n.select2-container {\n    width: auto !important;\n    min-width: 200px;\n}\n.select2-container .select2-search--inline .select2-search__field{\n    margin-top:0;\n    vertical-align:unset;\n    font-family:'avenir-lt-pro', sans-serif;\n    font-size:13px;\n    height: 22px;\n}\n.select2-container--default .select2-selection--multiple{\n    border: 1px solid #cf334f;\n}\n.select2-container--default .select2-selection--multiple .select2-selection__choice__display{\n    font-size: 12px;\n}\n.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{\n    background-color:#cf334f;\n}\n.select2-results__option{\n    font-size:13px;\n    padding: 3px 5px;\n}\ninput[type=\"date\"].filter_lei{\n    border: 1px solid #cf334f;\n    border-radius:4px;\n    height: 37px;\n    position: relative;\n    top: 1px;\n    font-size: 13px;\n    width: 16%;\n}\n@media only screen and (max-width: 600px) {\n    .select2-container{\n        margin-bottom:10px;\n        width:100% !important;\n    }\n    input[type=\"date\"].filter_lei{\n        width:100%;\n    }\n    #lei-filter-form .ui-button{\n        width:100%;\n        margin-bottom:10px;\n    }\n    #lei-results.lei-grid{\n        grid-template-columns: repeat(1, 1fr);\n    }\n}\n<\/style>    <div class=\"lei-wrapper\">\n        <style>\n.sidebar-overlay{\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(207, 51, 79, 0.8);\n    opacity: 0;\n    visibility: hidden;\n    transition: 0.3s ease;\n    z-index: 99998;\n}\n.sidebar-overlay.active{\n    opacity: 1;\n    visibility: visible;\n}\n.custom-sidebar{\n    position: fixed !important;\n    top: 0;\n    right: -600px;\n    width: 600px;\n    height: 100vh;\n    background: #fff;\n    z-index: 999999;\n    transition: 0.4s ease;\n    padding:20px;\n}\n.custom-sidebar.active{\n    right: 0;\n}\n.sidebar-btn{\n    padding: 7px 20px;\n    cursor: pointer;\n    background:#cf334f;\n    color:#fff;\n    border:none;\n    border-radius:20px;\n    font-size:13px;\n    text-transform: uppercase;\n    font-family:'avenir-lt-pro', sans-serif;\n}\n.sidebar-btn:hover{\n    background:#780927;\n}\n.close-sidebar{\n    font-size: 20px;\n    cursor: pointer;\n    display: inline-block;\n    float: right;\n    color: #cf334f;\n}\n.filter_sec{\n    text-align:center;\n    margin-bottom:50px;\n}\n.sidebar-inner{\n    margin-top:30px;\n}\n.sidebar-inner h2{\n    color:#cf334f;\n    font-size:36px;\n    margin:0;\n    font-family:'relation-one', Arial, Helvetica, sans-serif;\n}\n.sidebar-inner h4{\n    color:#cf334f;\n    font-size:18px;\n    font-family:'avenir-lt-pro', sans-serif;\n    font-weight: 100;\n    margin:0;\n    text-transform: uppercase;\n}\n.title_filter{\n    color:#780927;\n    font-weight: 600;\n    font-size:13px;\n    text-transform: uppercase;\n}\n.side_bar_filter .filter_main{\n    border-bottom: 1px solid rgba(207, 51, 79, 0.2);\n    padding-bottom: 20px;\n    padding-top: 20px;\n}\n\n.list_grp{\n    display: flex;\n    flex-direction: row;\n    gap: 20px;\n    max-height: 87px;\n    overflow: auto;\n    flex-wrap: wrap;\n}\n.checkbox_filter{\n    position: relative;\n    \n}\n.checkbox_filter label{\n    color:#cf334f;\n    font-size:13px;\n    margin-left:21px;\n    margin-bottom: 0;\n}\n.checkbox_filter input[type=checkbox]{\n    display: none;\n}\n\n.list_grp input[type=date]{\n    border: 1px solid #cf334f;\n    color:#cf334f;\n    font-size: 13px;\n}\n\n.checkbox_filter label::before{\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 4px;\n    width: 15px;\n    height: 15px;\n    border: 2px solid #cf334f;\n    border-radius: 0px;\n    background: #fff;\n    transition: 0.2s ease;\n}\n\n.checkbox_filter label::after{\n    content: \"\";\n    position: absolute;\n    left: 5px;\n    top: 5px;\n    width: 5px;\n    height: 10px;\n    border: solid #cf334f;\n    border-width: 0 2px 2px 0;\n    transform: rotate(45deg);\n    opacity: 0;\n    transition: 0.2s ease;\n}\n\n.checkbox_filter input[type=\"checkbox\"]:checked + label::before{\n    background: #fff;\n    border-color: #cf334f;\n}\n\n.checkbox_filter input[type=\"checkbox\"]:checked + label::after{\n    opacity: 1;\n}\n\n\/* hover effect *\/\n.checkbox_filter:hover label::before{\n    border-color: #cf334f;\n}\n.btn_filter{\n    margin-top:30px;\n}\n.side_bar_filter .reset_btn{\n    background:#fff;\n    color:#cf334f;\n    border-radius:30px;\n    padding:5px 18px;\n    border:2px solid #cf334f;\n    font-size:13px;\n    text-transform: uppercase;\n}\n.side_bar_filter .filter_submit{\n    background:#cf334f;\n    color:#fff;\n    border-radius:30px;\n    padding:5px 18px;\n    border:2px solid #cf334f;\n    font-size:13px;\n    text-transform: uppercase;\n}\n#filter_tag_res{\n    margin-top:20px;   \n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    gap: 10px;\n    flex-wrap: wrap;\n}\n#filter_tag_res .filter-tag{\n    background: #fff;\n    color: #cf334f;\n    border-radius: 30px;\n    display: inline-block;\n    font-size: 11px;\n    padding: 3px 20px;\n    text-transform: uppercase;\n}\n@media only screen and (max-width: 768px) {\n    .custom-sidebar{\n        width:100%;\n    }\n    .sidebar-inner h2{\n        font-size: 32px !important;\n    }\n    .sidebar-inner h4{\n        font-size: 13px;\n        margin-top:10px;\n    }\n    .list_grp{\n        flex-wrap: wrap;\n        gap: 13px;\n    }\n    .side_bar_filter .filter_submit, .side_bar_filter .reset_btn{\n        padding: 3px 10px;\n        font-size: 12px;\n    }\n    .custom-sidebar{\n        overflow: auto;\n    }\n}\n<\/style>\n\n<div class=\"filter_sec\">\n    <div class=\"row\">\n        <div class=\"col-md-12\">\n            <button id=\"openSidebar\" class=\"sidebar-btn\">\n                Suchen <i class=\"fa fa-chevron-right\"><\/i>\n            <\/button>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n       <div class=\"col-md-12\">\n           <div id=\"filter_tag_res\"><\/div>\n       <\/div> \n    <\/div>\n<\/div>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n    const sidebar = document.getElementById(\"customSidebar\");\n    const overlay = document.getElementById(\"sidebarOverlay\");\n    const openBtn = document.getElementById(\"openSidebar\");\n    const closeBtn = document.getElementById(\"closeSidebar\");\n    openBtn.addEventListener(\"click\", function(){\n        sidebar.classList.add(\"active\");\n        overlay.classList.add(\"active\");\n    });\n    closeBtn.addEventListener(\"click\", function(){\n        sidebar.classList.remove(\"active\");\n        overlay.classList.remove(\"active\");\n\n    });\n    overlay.addEventListener(\"click\", function(){\n        sidebar.classList.remove(\"active\");\n        overlay.classList.remove(\"active\");\n\n    });\n});\n\n<\/script>\n                    <div id=\"lei-results\" class=\"lei-grid\">\n                <div class=\"lei-box-res\">\n    <div class=\"img-box\" style=\"background-image:url(https:\/\/apps.tourisme-alsace.info\/photos\/brisach\/photos\/246003205_1.jpg);\"><\/div>\n    <div class=\"content\">\n                \n        <div class=\"upcoming_event\"><i class=\"fa fa-calendar\"><\/i> 27\/06\/2026<\/div>        <h3>Brauerei Saint-Alphonse<\/h3>\n        <span><i class=\"fas fa-map-marker-alt\"><\/i> Vogelgrun<\/span>\n        <a href=\"https:\/\/alsace-essentielle.fr\/de\/lei\/lieux\/brauerei-saint-alphonse-brasserie-all-246003205\/\" class=\"read-more1\">Entdecken<\/a>\n    <\/div>\n<\/div>    \n<div class=\"lei-box-res\">\n    <div class=\"img-box\" style=\"background-image:url(https:\/\/apps.tourisme-alsace.info\/photos\/colmar\/photos\/235013866_5.jpg);\"><\/div>\n    <div class=\"content\">\n                \n        <div class=\"upcoming_event\"><i class=\"fa fa-calendar\"><\/i> 27\/06\/2026<\/div>        <h3>Sainte Cru Brauerei<\/h3>\n        <span><i class=\"fas fa-map-marker-alt\"><\/i> Colmar<\/span>\n        <a href=\"https:\/\/alsace-essentielle.fr\/de\/lei\/lieux\/sainte-cru-brauerei-brasserie-all-235013866\/\" class=\"read-more1\">Entdecken<\/a>\n    <\/div>\n<\/div>    \n<div class=\"lei-box-res\">\n    <div class=\"img-box\" style=\"background-image:url(https:\/\/apps.tourisme-alsace.info\/photos\/kaysersberg\/photos\/brasserie-du-pays-welche-3-bieres.jpg);\"><\/div>\n    <div class=\"content\">\n                \n        <div class=\"upcoming_event\"><i class=\"fa fa-calendar\"><\/i> 29\/06\/2026<\/div>        <h3>Brauerei von dem Pays Welche<\/h3>\n        <span><i class=\"fas fa-map-marker-alt\"><\/i> Lapoutroie<\/span>\n        <a href=\"https:\/\/alsace-essentielle.fr\/de\/lei\/lieux\/brauerei-von-dem-pays-welche-brasserie-all-230106853\/\" class=\"read-more1\">Entdecken<\/a>\n    <\/div>\n<\/div>    \n<div class=\"lei-box-res\">\n    <div class=\"img-box\" style=\"background-image:url(https:\/\/apps.tourisme-alsace.info\/photos\/colmar\/photos\/235015660_6.jpg);\"><\/div>\n    <div class=\"content\">\n                \n        <div class=\"upcoming_event\"><i class=\"fa fa-calendar\"><\/i> 27\/06\/2026<\/div>        <h3>Brasserie du Grillen<\/h3>\n        <span><i class=\"fas fa-map-marker-alt\"><\/i> Colmar<\/span>\n        <a href=\"https:\/\/alsace-essentielle.fr\/de\/lei\/lieux\/brasserie-du-grillen-brasserie-all-235015660\/\" class=\"read-more1\">Entdecken<\/a>\n    <\/div>\n<\/div>    \n<div class=\"lei-box-res\">\n    <div class=\"img-box\" style=\"background-image:url(https:\/\/apps.tourisme-alsace.info\/photos\/brisach\/photos\/246006012_1.jpg);\"><\/div>\n    <div class=\"content\">\n                \n        <div class=\"upcoming_event\"><i class=\"fa fa-calendar\"><\/i> 27\/06\/2026<\/div>        <h3>Brauerei Suff&#039;Bier<\/h3>\n        <span><i class=\"fas fa-map-marker-alt\"><\/i> Obersaasheim<\/span>\n        <a href=\"https:\/\/alsace-essentielle.fr\/de\/lei\/lieux\/brauerei-suffbier-brasserie-all-246006012\/\" class=\"read-more1\">Entdecken<\/a>\n    <\/div>\n<\/div>    \n<div class=\"lei-box-res\">\n    <div class=\"img-box\" style=\"background-image:url(https:\/\/apps.tourisme-alsace.info\/photos\/ribeau\/photos\/229006084_1.JPG);\"><\/div>\n    <div class=\"content\">\n                \n        <div class=\"upcoming_event\"><i class=\"fa fa-calendar\"><\/i> 27\/06\/2026<\/div>        <h3>Brasserie du Vignoble<\/h3>\n        <span><i class=\"fas fa-map-marker-alt\"><\/i> Ribeauville<\/span>\n        <a href=\"https:\/\/alsace-essentielle.fr\/de\/lei\/lieux\/brasserie-du-vignoble-brasserie-all-229006084\/\" class=\"read-more1\">Entdecken<\/a>\n    <\/div>\n<\/div>    \n            <\/div>\n                        <p class=\"lei-loadmore-wrap\" style=\"text-align:center; margin-top:30px; margin-bottom:100px;\">\n                <a class=\"button-round button-round-animated\" id=\"lei-load-more\" data-page=\"1\" data-category=\"brasserie-all\" style=\"display:none;\">Mehr anzeigen<\/a>\n            <\/p>\n                        <\/div>\n    <script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    let page = 1;\n    let loading = false;\n\n    const sidebar = document.getElementById(\"customSidebar\");\n    const overlay = document.getElementById(\"sidebarOverlay\");\n    const form = document.getElementById('lei-filter-form');\n    const results = document.getElementById('lei-results');\n    const tagWrap = document.getElementById('filter_tag_res');\n    const loadMoreBtn = document.getElementById('lei-load-more');\n\n    const ajaxUrl = \"https:\/\/alsace-essentielle.fr\/wp-admin\/admin-ajax.php\";\n\n    function getData() {\n        const fd = new FormData(form);\n\n        fd.append('action', 'lei_filter_products');\n        fd.append('page', page);\n\n        const cleanFd = new FormData();\n\n        for (let [key, value] of fd.entries()) {\n            if (value !== '' && value !== null) {\n                cleanFd.append(key, value);\n            }\n        }\n\n        return cleanFd;\n    }\n\n    \/\/ ---- Synchronisation \u00e9tat des filtres <-> URL ----------------------\n    \/\/ On ne s\u00e9rialise que les cases coch\u00e9es, la plage de dates et la page.\n    \/\/ category \/ filter_type sont des champs cach\u00e9s fix\u00e9s par la page.\n    function buildParams() {\n        const params = new URLSearchParams();\n\n        form.querySelectorAll('input[type=\"checkbox\"]:checked').forEach(cb => {\n            params.append(cb.name, cb.value);\n        });\n\n        const dsEl = form.querySelector('input[name=\"e_date_start\"]');\n        const deEl = form.querySelector('input[name=\"e_date_end\"]');\n        if (dsEl && dsEl.value) params.append('e_date_start', dsEl.value);\n        if (deEl && deEl.value) params.append('e_date_end', deEl.value);\n\n        if (page > 1) params.set('page', String(page));\n\n        return params;\n    }\n\n    function updateUrl() {\n        const qs = buildParams().toString();\n        const newUrl = qs ? (location.pathname + '?' + qs) : location.pathname;\n        history.replaceState(null, '', newUrl);\n    }\n\n    function ajaxCall(append = false) {\n        if (loading) return Promise.resolve();\n        loading = true;\n\n        const fd = getData();\n\n        return fetch(ajaxUrl, {\n            method: \"POST\",\n            body: fd\n        })\n        .then(res => res.json())\n        .then(data => {\n\n            if (!append) {\n                results.innerHTML = data.html;\n            } else {\n                results.insertAdjacentHTML('beforeend', data.html);\n            }\n\n            loadMoreBtn.style.display = data.has_more ? 'inline-block' : 'none';\n\n            loading = false;\n\n            renderTags();\n            updateUrl();\n        })\n        .catch(() => { loading = false; });\n    }\n\n    \/\/ ---- Restauration au chargement (retour navigateur, F5, lien partag\u00e9)\n    async function restoreFromUrl() {\n        const params = new URLSearchParams(location.search);\n\n        \/\/ Aucun filtre dans l'URL : on garde l'affichage initial rendu par PHP.\n        const hasFilters = [...params.keys()].some(k => k !== 'page');\n        if (!hasFilters) return;\n\n        \/\/ Recocher les cases\n        form.querySelectorAll('input[type=\"checkbox\"]').forEach(cb => {\n            if (params.getAll(cb.name).includes(cb.value)) cb.checked = true;\n        });\n\n        \/\/ Restaurer la plage de dates\n        const dsEl = form.querySelector('input[name=\"e_date_start\"]');\n        const deEl = form.querySelector('input[name=\"e_date_end\"]');\n        if (dsEl && params.get('e_date_start')) dsEl.value = params.get('e_date_start');\n        if (deEl && params.get('e_date_end'))   deEl.value = params.get('e_date_end');\n\n        \/\/ Restaurer la pagination cumul\u00e9e (les pages \"Charger plus\" d\u00e9j\u00e0 ouvertes).\n        \/\/ Si tu pr\u00e9f\u00e8res toujours repartir de la page 1, remplace ce bloc par :\n        \/\/     page = 1; await ajaxCall(false);\n        const savedPage = Math.max(1, parseInt(params.get('page'), 10) || 1);\n        page = 1;\n        await ajaxCall(false);\n        for (let p = 2; p <= savedPage; p++) {\n            page = p;\n            await ajaxCall(true);\n        }\n    }\n\n    \/\/ FILTER SUBMIT\n    form.addEventListener('submit', function (e) {\n        e.preventDefault();\n\n        page = 1;\n\n        sidebar.classList.remove(\"active\");\n        overlay.classList.remove(\"active\");\n\n        ajaxCall(false);\n\n        renderTags();\n    });\n\n    \/\/ LOAD MORE\n    loadMoreBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n\n        if (loading) return;\n\n        page++;\n\n        ajaxCall(true);\n    });\n\n    \/\/ RESET\n    document.getElementById('reset')?.addEventListener('click', function () {\n        form.reset();\n\n        page = 1;\n\n        ajaxCall(false);\n\n        renderTags();\n    });\n\n    function renderTags() {\n        tagWrap.innerHTML = '';\n\n        \/\/ CHECKBOXES\n        form.querySelectorAll('input[type=\"checkbox\"]:checked').forEach(input => {\n\n            const tag = document.createElement('span');\n            tag.className = 'filter-tag';\n\n            tag.innerHTML = `\n                <i class=\"fa fa-times\" data-name=\"${input.name}\" data-value=\"${input.value}\"><\/i>\n                ${input.nextElementSibling?.innerText || input.value}\n            `;\n\n            tagWrap.appendChild(tag);\n        });\n\n        \/\/ DATE (plage Du \/ Au)\n        const dStart = form.querySelector('input[name=\"e_date_start\"]');\n        const dEnd   = form.querySelector('input[name=\"e_date_end\"]');\n\n        const fmtDate = (v) => {\n            const d = new Date(v);\n            return String(d.getDate()).padStart(2, '0') + '\/' +\n                   String(d.getMonth() + 1).padStart(2, '0') + '\/' +\n                   d.getFullYear();\n        };\n\n        if ((dStart && dStart.value) || (dEnd && dEnd.value)) {\n\n            let dLabel = '';\n            if (dStart && dStart.value && dEnd && dEnd.value) {\n                dLabel = fmtDate(dStart.value) + ' \u2192 ' + fmtDate(dEnd.value);\n            } else if (dStart && dStart.value) {\n                dLabel = '\u2265 ' + fmtDate(dStart.value);\n            } else {\n                dLabel = '\u2264 ' + fmtDate(dEnd.value);\n            }\n\n            const tag = document.createElement('span');\n            tag.className = 'filter-tag';\n\n            tag.innerHTML = `\n                ${dLabel}\n                <i class=\"fa fa-times\" data-date=\"1\"><\/i>\n            `;\n\n            tagWrap.appendChild(tag);\n        }\n    }\n\n    \/\/ REMOVE TAG\n    tagWrap.addEventListener('click', function (e) {\n\n        if (e.target.tagName !== 'I') return;\n\n        \/\/ checkbox remove\n        if (e.target.dataset.name) {\n\n            const name = e.target.dataset.name;\n            const value = e.target.dataset.value;\n\n            const inputs = form.querySelectorAll(`input[name=\"${name}\"]`);\n\n            inputs.forEach(i => {\n                if (i.value === value) {\n                    i.checked = false;\n                }\n            });\n        }\n\n        \/\/ date remove (plage Du \/ Au)\n        if (e.target.dataset.date) {\n            const dStart = form.querySelector('input[name=\"e_date_start\"]');\n            const dEnd   = form.querySelector('input[name=\"e_date_end\"]');\n            if (dStart) dStart.value = '';\n            if (dEnd) dEnd.value = '';\n        }\n\n        page = 1;\n\n        ajaxCall(false);\n    });\n\n    \/\/ Lancement : reconstruire l'\u00e9tat si l'URL contient des filtres\n    restoreFromUrl();\n\n});\n<\/script>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row bg_position=&#8220;center top&#8220; css=&#8220;.vc_custom_1772016736854{padding-top: 50px !important;padding-bottom: 50px !important;background-image: url(https:\/\/alsace-essentielle.fr\/wp-content\/uploads\/2026\/02\/bg-beige-decoupage.png?id=1720) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8220;][vc_column][\/vc_column][\/vc_row][vc_row css=&#8220;.vc_custom_1772016894148{padding-top: 50px !important;padding-bottom: 50px !important;background-color: #f7f0e6 !important;}&#8220;][vc_column][vc_row_inner][vc_column_inner width=&#8220;1\/6&#8243;][\/vc_column_inner][vc_column_inner width=&#8220;2\/3&#8243;][\/vc_column_inner][vc_column_inner width=&#8220;1\/6&#8243;][\/vc_column_inner][\/vc_row_inner][vc_single_image image=&#8220;3121&#8243; img_size=&#8220;ae-picto&#8220; alignment=&#8220;center&#8220;][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":3941,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3937","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Handwerkliche Brauereien im Elsass<\/title>\n<meta name=\"description\" content=\"Als Bierland enth\u00fcllt das Elsass Essentielle seine handwerklichen Brauereien und sein Brauerei-Know-how zwischen Tradition und Kreativit\u00e4t.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/alsace-essentielle.fr\/de\/brauereien\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Handwerkliche Brauereien im Elsass\" \/>\n<meta property=\"og:description\" content=\"Als Bierland enth\u00fcllt das Elsass Essentielle seine handwerklichen Brauereien und sein Brauerei-Know-how zwischen Tradition und Kreativit\u00e4t.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/alsace-essentielle.fr\/de\/brauereien\/\" \/>\n<meta property=\"og:site_name\" content=\"Alsace Essentielle\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-30T19:40:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/alsace-essentielle.fr\/wp-content\/uploads\/2026\/04\/51974794096_aa32a32de4_o-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"332\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"2\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/alsace-essentielle.fr\\\/de\\\/brauereien\\\/\",\"url\":\"https:\\\/\\\/alsace-essentielle.fr\\\/de\\\/brauereien\\\/\",\"name\":\"Handwerkliche Brauereien im Elsass\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/alsace-essentielle.fr\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/alsace-essentielle.fr\\\/de\\\/brauereien\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/alsace-essentielle.fr\\\/de\\\/brauereien\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/alsace-essentielle.fr\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/51974794096_aa32a32de4_o-1.jpg\",\"datePublished\":\"2026-02-27T13:40:36+00:00\",\"dateModified\":\"2026-05-30T19:40:59+00:00\",\"description\":\"Als Bierland enth\u00fcllt das Elsass Essentielle seine handwerklichen Brauereien und sein Brauerei-Know-how zwischen Tradition und Kreativit\u00e4t.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/alsace-essentielle.fr\\\/de\\\/brauereien\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/alsace-essentielle.fr\\\/de\\\/brauereien\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/alsace-essentielle.fr\\\/de\\\/brauereien\\\/#primaryimage\",\"url\":\"https:\\\/\\\/alsace-essentielle.fr\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/51974794096_aa32a32de4_o-1.jpg\",\"contentUrl\":\"https:\\\/\\\/alsace-essentielle.fr\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/51974794096_aa32a32de4_o-1.jpg\",\"width\":500,\"height\":332,\"caption\":\"Brauerei Taal\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/alsace-essentielle.fr\\\/de\\\/brauereien\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/alsace-essentielle.fr\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Brauereien\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/alsace-essentielle.fr\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/alsace-essentielle.fr\\\/de\\\/\",\"name\":\"Alsace Essentielle\",\"description\":\"Le meilleur de ce que l&#039;Alsace peut vous offrir\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/alsace-essentielle.fr\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Handwerkliche Brauereien im Elsass","description":"Als Bierland enth\u00fcllt das Elsass Essentielle seine handwerklichen Brauereien und sein Brauerei-Know-how zwischen Tradition und Kreativit\u00e4t.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/alsace-essentielle.fr\/de\/brauereien\/","og_locale":"de_DE","og_type":"article","og_title":"Handwerkliche Brauereien im Elsass","og_description":"Als Bierland enth\u00fcllt das Elsass Essentielle seine handwerklichen Brauereien und sein Brauerei-Know-how zwischen Tradition und Kreativit\u00e4t.","og_url":"https:\/\/alsace-essentielle.fr\/de\/brauereien\/","og_site_name":"Alsace Essentielle","article_modified_time":"2026-05-30T19:40:59+00:00","og_image":[{"width":500,"height":332,"url":"https:\/\/alsace-essentielle.fr\/wp-content\/uploads\/2026\/04\/51974794096_aa32a32de4_o-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/alsace-essentielle.fr\/de\/brauereien\/","url":"https:\/\/alsace-essentielle.fr\/de\/brauereien\/","name":"Handwerkliche Brauereien im Elsass","isPartOf":{"@id":"https:\/\/alsace-essentielle.fr\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/alsace-essentielle.fr\/de\/brauereien\/#primaryimage"},"image":{"@id":"https:\/\/alsace-essentielle.fr\/de\/brauereien\/#primaryimage"},"thumbnailUrl":"https:\/\/alsace-essentielle.fr\/wp-content\/uploads\/2026\/04\/51974794096_aa32a32de4_o-1.jpg","datePublished":"2026-02-27T13:40:36+00:00","dateModified":"2026-05-30T19:40:59+00:00","description":"Als Bierland enth\u00fcllt das Elsass Essentielle seine handwerklichen Brauereien und sein Brauerei-Know-how zwischen Tradition und Kreativit\u00e4t.","breadcrumb":{"@id":"https:\/\/alsace-essentielle.fr\/de\/brauereien\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/alsace-essentielle.fr\/de\/brauereien\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/alsace-essentielle.fr\/de\/brauereien\/#primaryimage","url":"https:\/\/alsace-essentielle.fr\/wp-content\/uploads\/2026\/04\/51974794096_aa32a32de4_o-1.jpg","contentUrl":"https:\/\/alsace-essentielle.fr\/wp-content\/uploads\/2026\/04\/51974794096_aa32a32de4_o-1.jpg","width":500,"height":332,"caption":"Brauerei Taal"},{"@type":"BreadcrumbList","@id":"https:\/\/alsace-essentielle.fr\/de\/brauereien\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/alsace-essentielle.fr\/de\/"},{"@type":"ListItem","position":2,"name":"Brauereien"}]},{"@type":"WebSite","@id":"https:\/\/alsace-essentielle.fr\/de\/#website","url":"https:\/\/alsace-essentielle.fr\/de\/","name":"Alsace Essentielle","description":"Le meilleur de ce que l&#039;Alsace peut vous offrir","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/alsace-essentielle.fr\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/alsace-essentielle.fr\/de\/wp-json\/wp\/v2\/pages\/3937","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alsace-essentielle.fr\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alsace-essentielle.fr\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alsace-essentielle.fr\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alsace-essentielle.fr\/de\/wp-json\/wp\/v2\/comments?post=3937"}],"version-history":[{"count":4,"href":"https:\/\/alsace-essentielle.fr\/de\/wp-json\/wp\/v2\/pages\/3937\/revisions"}],"predecessor-version":[{"id":4928,"href":"https:\/\/alsace-essentielle.fr\/de\/wp-json\/wp\/v2\/pages\/3937\/revisions\/4928"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alsace-essentielle.fr\/de\/wp-json\/wp\/v2\/media\/3941"}],"wp:attachment":[{"href":"https:\/\/alsace-essentielle.fr\/de\/wp-json\/wp\/v2\/media?parent=3937"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}