.elementor-29 .elementor-element.elementor-element-d1917cc{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:90px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-29 .elementor-element.elementor-element-5d3a10d{--display:flex;--min-height:500px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:55px;--padding-right:55px;}.elementor-29 .elementor-element.elementor-element-5d3a10d:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-5d3a10d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );background-image:url("https://feinebiere.com/wp-content/uploads/2026/08/backgrounc-bierkarte.png");}.elementor-29 .elementor-element.elementor-element-9a6e09a{--display:flex;--gap:2px 2px;--row-gap:2px;--column-gap:2px;}.elementor-29 .elementor-element.elementor-element-5fc7d9e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-29 .elementor-element.elementor-element-5fc7d9e .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;line-height:1.2em;color:var( --e-global-color-accent );}.elementor-29 .elementor-element.elementor-element-df4197f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 26px) 0px;}.elementor-29 .elementor-element.elementor-element-df4197f .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:111px;font-weight:500;line-height:1.1em;color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-529cedc{font-size:18px;font-weight:400;color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-1922d20{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--border-radius:20px 20px 20px 20px;--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;}.elementor-29 .elementor-element.elementor-element-1922d20:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-1922d20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-29 .elementor-element.elementor-element-8c2c2b7 .elementor-heading-title{font-size:21px;color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-f51d570{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:20px 0px 0px 0px;font-size:16px;line-height:1.3em;color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-de688ad{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-29 .elementor-element.elementor-element-5679371{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:85px 85px;--row-gap:85px;--column-gap:85px;--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-29 .elementor-element.elementor-element-5679371:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-5679371 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-61eb458 );}.elementor-29 .elementor-element.elementor-element-d150032{--display:flex;}.elementor-29 .elementor-element.elementor-element-7d37d6d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:100px 100px;--row-gap:100px;--column-gap:100px;}.elementor-29 .elementor-element.elementor-element-5a58ac7{--display:flex;}.elementor-29 .elementor-element.elementor-element-3940088{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 00px 0px;}.elementor-29 .elementor-element.elementor-element-3940088 .elementor-heading-title{font-size:26px;font-weight:500;}.elementor-29 .elementor-element.elementor-element-4d72385{--grid-columns:1;--grid-row-gap:15px;--grid-column-gap:0px;}.elementor-29 .elementor-element.elementor-element-9a4db56{--display:flex;}.elementor-29 .elementor-element.elementor-element-907f031{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-907f031 .elementor-heading-title{font-size:26px;font-weight:500;}.elementor-29 .elementor-element.elementor-element-aafc8eb{--grid-columns:1;--grid-row-gap:15px;}.elementor-29 .elementor-element.elementor-element-367fb4b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:100px 100px;--row-gap:100px;--column-gap:100px;}.elementor-29 .elementor-element.elementor-element-d77c07f{--display:flex;}.elementor-29 .elementor-element.elementor-element-c181a4e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-c181a4e .elementor-heading-title{font-size:26px;font-weight:500;}.elementor-29 .elementor-element.elementor-element-e8d7356{--grid-columns:1;--grid-row-gap:15px;}.elementor-29 .elementor-element.elementor-element-72e6ffe{--display:flex;}.elementor-29 .elementor-element.elementor-element-bdfe20b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-bdfe20b .elementor-heading-title{font-size:26px;font-weight:500;}.elementor-29 .elementor-element.elementor-element-cc3e220{--grid-columns:1;--grid-row-gap:15px;}.elementor-29 .elementor-element.elementor-element-b20c3e7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:100px 100px;--row-gap:100px;--column-gap:100px;}.elementor-29 .elementor-element.elementor-element-9d281ee{--display:flex;}.elementor-29 .elementor-element.elementor-element-2999892{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-2999892 .elementor-heading-title{font-size:26px;font-weight:500;}.elementor-29 .elementor-element.elementor-element-08aa57b{--grid-columns:1;--grid-row-gap:15px;}.elementor-29 .elementor-element.elementor-element-2d4f904{--display:flex;}.elementor-29 .elementor-element.elementor-element-244461f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-244461f .elementor-heading-title{font-size:26px;font-weight:500;}.elementor-29 .elementor-element.elementor-element-15c7cfb{--grid-columns:1;--grid-row-gap:15px;}.elementor-29 .elementor-element.elementor-element-2803e00{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:100px 100px;--row-gap:100px;--column-gap:100px;}.elementor-29 .elementor-element.elementor-element-77d3bc1{--display:flex;}.elementor-29 .elementor-element.elementor-element-504f1f0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-504f1f0 .elementor-heading-title{font-size:26px;font-weight:500;}.elementor-29 .elementor-element.elementor-element-e883a79{--grid-columns:1;--grid-row-gap:15px;}.elementor-29 .elementor-element.elementor-element-2389fdb{--display:flex;}.elementor-29 .elementor-element.elementor-element-7420241{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px -2px 0px;}.elementor-29 .elementor-element.elementor-element-7420241 .elementor-heading-title{font-size:26px;font-weight:500;}.elementor-29 .elementor-element.elementor-element-17d7415{--grid-columns:1;--grid-row-gap:15px;}.elementor-29 .elementor-element.elementor-element-3b53b03{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:-24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-8504549{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-8504549 .elementor-heading-title{font-size:26px;font-weight:500;}.elementor-29 .elementor-element.elementor-element-8a620d2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:56px 56px;--row-gap:56px;--column-gap:56px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-dabc100{--display:flex;}.elementor-29 .elementor-element.elementor-element-e0c812e{--grid-columns:1;--grid-row-gap:15px;}.elementor-29 .elementor-element.elementor-element-ccce935{--display:flex;}.elementor-29 .elementor-element.elementor-element-f3ca4d4{--grid-columns:1;--grid-row-gap:15px;}.elementor-29 .elementor-element.elementor-element-e6a61b0{--display:flex;--border-radius:20px 20px 20px 20px;--margin-top:24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-29 .elementor-element.elementor-element-e6a61b0:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-e6a61b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://feinebiere.com/wp-content/uploads/2026/08/box-alkoholfrei.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-29 .elementor-element.elementor-element-2b0facb{--display:flex;}.elementor-29 .elementor-element.elementor-element-3a64f0f .elementor-heading-title{font-size:20px;color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-1b57975{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-family:"Barlow", Sans-serif;font-size:18px;font-weight:400;line-height:1.35em;color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-29 .elementor-element.elementor-element-d1917cc{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:90px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-29 .elementor-element.elementor-element-5d3a10d{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-29 .elementor-element.elementor-element-5d3a10d:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-5d3a10d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-29 .elementor-element.elementor-element-5fc7d9e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 11px) 0px;}.elementor-29 .elementor-element.elementor-element-5fc7d9e .elementor-heading-title{font-size:13px;line-height:1.2em;}.elementor-29 .elementor-element.elementor-element-df4197f .elementor-heading-title{font-size:80px;line-height:1.1em;}.elementor-29 .elementor-element.elementor-element-1922d20{--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;}.elementor-29 .elementor-element.elementor-element-8c2c2b7 .elementor-heading-title{font-size:23px;}.elementor-29 .elementor-element.elementor-element-f51d570{padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-de688ad{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-29 .elementor-element.elementor-element-5679371{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-29 .elementor-element.elementor-element-7d37d6d{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:nowrap;}.elementor-29 .elementor-element.elementor-element-3940088{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-4d72385{--grid-columns:1;}.elementor-29 .elementor-element.elementor-element-907f031{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-aafc8eb{--grid-columns:1;}.elementor-29 .elementor-element.elementor-element-367fb4b{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-29 .elementor-element.elementor-element-e8d7356{--grid-columns:1;}.elementor-29 .elementor-element.elementor-element-cc3e220{--grid-columns:1;}.elementor-29 .elementor-element.elementor-element-b20c3e7{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-29 .elementor-element.elementor-element-08aa57b{--grid-columns:1;}.elementor-29 .elementor-element.elementor-element-15c7cfb{--grid-columns:1;}.elementor-29 .elementor-element.elementor-element-2803e00{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-29 .elementor-element.elementor-element-77d3bc1{--margin-top:-7px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-e883a79{--grid-columns:1;}.elementor-29 .elementor-element.elementor-element-17d7415{--grid-columns:1;}.elementor-29 .elementor-element.elementor-element-e0c812e{--grid-columns:1;}.elementor-29 .elementor-element.elementor-element-f3ca4d4{--grid-columns:1;}.elementor-29 .elementor-element.elementor-element-e6a61b0{--margin-top:11px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-29 .elementor-element.elementor-element-1b57975{font-size:14px;line-height:1.35em;}}@media(max-width:767px){.elementor-29 .elementor-element.elementor-element-d1917cc{--padding-top:90px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-29 .elementor-element.elementor-element-5d3a10d{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-29 .elementor-element.elementor-element-5fc7d9e .elementor-heading-title{font-size:12px;line-height:1.2em;}.elementor-29 .elementor-element.elementor-element-df4197f .elementor-heading-title{font-size:60px;line-height:1.1em;}.elementor-29 .elementor-element.elementor-element-de688ad{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-29 .elementor-element.elementor-element-5679371{--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-29 .elementor-element.elementor-element-d150032{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-4d72385{--grid-columns:1;}.elementor-29 .elementor-element.elementor-element-aafc8eb{--grid-columns:1;}.elementor-29 .elementor-element.elementor-element-e8d7356{--grid-columns:1;}.elementor-29 .elementor-element.elementor-element-cc3e220{--grid-columns:1;}.elementor-29 .elementor-element.elementor-element-08aa57b{--grid-columns:1;}.elementor-29 .elementor-element.elementor-element-15c7cfb{--grid-columns:1;}.elementor-29 .elementor-element.elementor-element-e883a79{--grid-columns:1;}.elementor-29 .elementor-element.elementor-element-17d7415{--grid-columns:1;}.elementor-29 .elementor-element.elementor-element-8a620d2{--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-29 .elementor-element.elementor-element-e0c812e{--grid-columns:1;}.elementor-29 .elementor-element.elementor-element-f3ca4d4{--grid-columns:1;}.elementor-29 .elementor-element.elementor-element-1b57975{font-size:16px;line-height:1.35em;}}@media(min-width:768px){.elementor-29 .elementor-element.elementor-element-d1917cc{--content-width:100%;}.elementor-29 .elementor-element.elementor-element-5d3a10d{--width:100%;}.elementor-29 .elementor-element.elementor-element-9a6e09a{--width:76%;}.elementor-29 .elementor-element.elementor-element-1922d20{--width:24%;}.elementor-29 .elementor-element.elementor-element-de688ad{--content-width:100%;}.elementor-29 .elementor-element.elementor-element-5a58ac7{--width:50%;}.elementor-29 .elementor-element.elementor-element-9a4db56{--width:50%;}.elementor-29 .elementor-element.elementor-element-e6a61b0{--width:100%;}.elementor-29 .elementor-element.elementor-element-2b0facb{--width:92%;}}@media(max-width:1024px) and (min-width:768px){.elementor-29 .elementor-element.elementor-element-9a6e09a{--width:100%;}.elementor-29 .elementor-element.elementor-element-1922d20{--width:100%;}.elementor-29 .elementor-element.elementor-element-9a4db56{--width:50%;}}/* Start custom CSS for heading, class: .elementor-element-df4197f */@media (min-width: 1025px) {

  .elementor-29 .elementor-element.elementor-element-df4197f .elementor-heading-title {
    font-size: clamp(84px, 6vw, 116px) !important;
    line-height: 0.98 !important;
  }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-529cedc */.elementor-29 .elementor-element.elementor-element-529cedc {
  width: 100% !important;
  max-width: 900px !important;
}

@media (min-width: 1025px) {

  .elementor-29 .elementor-element.elementor-element-529cedc,
  .elementor-29 .elementor-element.elementor-element-529cedc .elementor-widget-container,
  .elementor-29 .elementor-element.elementor-element-529cedc .elementor-widget-container p {
    font-size: clamp(19px, 1.1vw, 21px) !important;
    line-height: 1.45 !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bc3c9be *//* ==========================================
   VERTIKALE BIER-RAIL
   Nur Tablet + Mobile
========================================== */


/* Desktop komplett aus */
.elementor-29 .elementor-element.elementor-element-bc3c9be {
  display: none !important;
}


/* ==========================================
   TABLET + MOBILE
========================================== */

@media (max-width: 1024px) {

  .elementor-29 .elementor-element.elementor-element-bc3c9be {
    display: block !important;

    position: fixed !important;

    left: 4px !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

    width: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 45 !important;

    /*
     Das Widget selbst bleibt vorhanden.
     Nur die eigentliche Rail wird ein-/ausgeblendet.
    */
    pointer-events: none !important;
  }


  /* ==========================================
     RAIL – STANDARDMÄSSIG VERSTECKT
  ========================================== */

  .elementor-29 .elementor-element.elementor-element-bc3c9be .bier-rail {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 34px !important;

    gap: 1px !important;
    padding: 6px 4px !important;

    background: rgba(237, 222, 204, 0.76) !important;

   
    border-radius: 999px !important;

    box-sizing: border-box !important;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    opacity: 0 !important;
    visibility: hidden !important;

    transform: translateX(-8px) !important;

    pointer-events: none !important;

    transition:
      opacity 0.22s ease,
      transform 0.22s ease,
      visibility 0.22s ease !important;
  }


  /* ==========================================
     WIRD DIREKT PER JS AKTIVIERT
  ========================================== */

  .elementor-29 .elementor-element.elementor-element-bc3c9be .bier-rail.rail-visible {
    opacity: 1 !important;
    visibility: visible !important;

    transform: translateX(0) !important;

    pointer-events: auto !important;
  }


  /* ==========================================
     NUMMERN
  ========================================== */

  .elementor-29 .elementor-element.elementor-element-bc3c9be .bier-rail a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;

    border-radius: 50% !important;

    font-family: "Barlow", sans-serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    color: rgba(8, 23, 39, 0.45) !important;

    background: transparent !important;
    text-decoration: none !important;

    pointer-events: auto !important;

    transition:
      color 0.18s ease,
      background-color 0.18s ease !important;
  }


  .elementor-29 .elementor-element.elementor-element-bc3c9be .bier-rail a:hover {
    color: #081727 !important;
  }


  /* Aktuelle Kategorie */
  .elementor-29 .elementor-element.elementor-element-bc3c9be .bier-rail a.is-active {
    color: #FFFFFF !important;
    background: #A7382A !important;
  }

}


/* ==========================================
   MOBILE – NOCH KLEINER
========================================== */

@media (max-width: 767px) {

  .elementor-29 .elementor-element.elementor-element-bc3c9be {
    left: 2px !important;
    width: 30px !important;
  }


  .elementor-29 .elementor-element.elementor-element-bc3c9be .bier-rail {
    width: 30px !important;

    padding: 5px 3px !important;
  }


  .elementor-29 .elementor-element.elementor-element-bc3c9be .bier-rail a {
    width: 22px !important;
    height: 22px !important;
    flex-basis: 22px !important;

    font-size: 8px !important;
  }

}

/* ==========================================
   HOVER – KATEGORIENAME
========================================== */

@media (max-width: 1024px) and (hover: hover) and (pointer: fine) {

  .elementor-29 .elementor-element.elementor-element-bc3c9be .bier-rail {
    overflow: visible !important;
  }

  .elementor-29 .elementor-element.elementor-element-bc3c9be .bier-rail a {
    position: relative !important;
  }

  /* Kategorie-Label */
  .elementor-29 .elementor-element.elementor-element-bc3c9be .bier-rail a::after {
    content: attr(data-label);

    position: absolute !important;

    left: calc(100% + 10px) !important;
    top: 50% !important;

    transform: translateY(-50%) translateX(-4px) !important;

    padding: 7px 10px !important;

    background: #081727 !important;
    color: #FFFFFF !important;

    border-radius: 7px !important;

    font-family: "Barlow", sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;

    white-space: nowrap !important;

    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;

    z-index: 100 !important;

    transition:
      opacity 0.18s ease,
      transform 0.18s ease,
      visibility 0.18s ease !important;
  }


  /* Beim Hover anzeigen */
  .elementor-29 .elementor-element.elementor-element-bc3c9be .bier-rail a:hover::after,
  .elementor-29 .elementor-element.elementor-element-bc3c9be .bier-rail a:focus-visible::after {
    opacity: 1 !important;
    visibility: visible !important;

    transform: translateY(-50%) translateX(0) !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d150032 *//* ==========================================
   BIERKATEGORIEN – NAVIGATION
========================================== */

.elementor-29 .elementor-element.elementor-element-d150032 {
  width: 100% !important;
  background: transparent !important;

  margin: 0 !important;
  padding: 0 !important;

  position: relative !important;

  z-index: 50 !important;
}


/* ==========================================
   HORIZONTALE NAVIGATION
========================================== */

.elementor-29 .elementor-element.elementor-element-d150032 .bier-nav-links {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 auto !important;

  padding: 16px 22px !important;
  gap: 22px !important;

  background: rgba(237, 222, 204, 0.55) !important;
  border-radius: 14px !important;

  box-sizing: border-box !important;
}


/* ==========================================
   LINKS
========================================== */

.elementor-29 .elementor-element.elementor-element-d150032 .bier-nav-links a {
  position: relative !important;

  flex: 0 0 auto !important;

  font-family: "Lora", serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1 !important;

  color: #081727 !important;

  text-decoration: none !important;
  white-space: nowrap !important;

  padding: 5px 0 !important;

  transition: color 0.2s ease !important;
}


/* Hover */
.elementor-29 .elementor-element.elementor-element-d150032 .bier-nav-links a:hover {
  color: #A7382A !important;
}


/* Aktiver Menüpunkt */
.elementor-29 .elementor-element.elementor-element-d150032 .bier-nav-links a.is-active {
  color: #A7382A !important;
}


/* Rote Linie */
.elementor-29 .elementor-element.elementor-element-d150032 .bier-nav-links a.is-active::after {
  content: "" !important;

  position: absolute !important;

  left: 0 !important;
  right: 0 !important;
  bottom: -4px !important;

  height: 2px !important;

  background: #A7382A !important;
}


/* ==========================================
   TABLET
========================================== */

@media (min-width: 768px) and (max-width: 1024px) {

  .elementor-29 .elementor-element.elementor-element-d150032 .bier-nav-links {
    width: 100% !important;

    justify-content: space-between !important;

    gap: 10px !important;
    padding: 14px 16px !important;

    overflow: visible !important;
  }

  .elementor-29 .elementor-element.elementor-element-d150032 .bier-nav-links a {
    font-size: clamp(11px, 1.4vw, 13px) !important;
  }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

  .elementor-29 .elementor-element.elementor-element-d150032 .bier-nav-links {
    width: 100% !important;

    justify-content: flex-start !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    gap: 26px !important;

    padding: 14px 18px !important;

    border-radius: 12px !important;

    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch;
  }


  .elementor-29 .elementor-element.elementor-element-d150032 .bier-nav-links::-webkit-scrollbar {
    display: none !important;
  }


  .elementor-29 .elementor-element.elementor-element-d150032 .bier-nav-links a {
    font-size: 14px !important;
    white-space: nowrap !important;
  }


  /* Hinweis: horizontal weiterscrollen */
  .elementor-29 .elementor-element.elementor-element-d150032::after {
    content: "›" !important;

    position: absolute !important;
    right: 0 !important;
    top: 0 !important;

    width: 82px !important;
    height: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    padding-right: 16px !important;

    font-family: "Lora", serif !important;
    font-size: 26px !important;
    font-weight: 400 !important;

    color: #081727 !important;

    background: linear-gradient(
      to right,
      rgba(237, 222, 204, 0) 0%,
      rgba(237, 222, 204, 0.98) 52%,
      rgba(237, 222, 204, 0.98) 100%
    ) !important;

    border-radius: 0 12px 12px 0 !important;

    pointer-events: none !important;
    z-index: 10 !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d37d6d *//* ==========================================
   TABLET – 2 Kategorien nebeneinander
========================================== */

@media (min-width: 768px) and (max-width: 1024px) {

  .elementor-29 .elementor-element.elementor-element-7d37d6d {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 64px !important;
    row-gap: 0 !important;

    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .elementor-29 .elementor-element.elementor-element-7d37d6d > .e-con {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
  }

}
/* MOBILE: Kategorien untereinander */
@media (max-width: 767px) {

  .elementor-29 .elementor-element.elementor-element-7d37d6d {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 70px !important;
    width: 100% !important;
  }

  .elementor-29 .elementor-element.elementor-element-7d37d6d > .e-con {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    min-width: 0 !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-367fb4b *//* ==========================================
   TABLET – 2 Kategorien nebeneinander
========================================== */

@media (min-width: 768px) and (max-width: 1024px) {

  .elementor-29 .elementor-element.elementor-element-367fb4b {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 64px !important;
    row-gap: 0 !important;

    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .elementor-29 .elementor-element.elementor-element-367fb4b > .e-con {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
  }

}

/* MOBILE: untereinander */
@media (max-width: 767px) {

  .elementor-29 .elementor-element.elementor-element-367fb4b {
    display: flex !important;
    flex-direction: column !important;
    gap: 70px !important;
  }

  .elementor-29 .elementor-element.elementor-element-367fb4b > .e-con {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b20c3e7 *//* ==========================================
   TABLET – 2 Kategorien nebeneinander
========================================== */

@media (min-width: 768px) and (max-width: 1024px) {

  .elementor-29 .elementor-element.elementor-element-b20c3e7 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 64px !important;
    row-gap: 0 !important;

    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .elementor-29 .elementor-element.elementor-element-b20c3e7 > .e-con {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
  }

}

/* MOBILE: untereinander */
@media (max-width: 767px) {

  .elementor-29 .elementor-element.elementor-element-b20c3e7 {
    display: flex !important;
    flex-direction: column !important;
    gap: 70px !important;
  }

  .elementor-29 .elementor-element.elementor-element-b20c3e7 > .e-con {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2803e00 *//* TABLET: zwei Kategorien mit genügend Abstand */
@media (min-width: 768px) and (max-width: 1024px) {

  .elementor-29 .elementor-element.elementor-element-2803e00 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 48px !important;
  }

  .elementor-29 .elementor-element.elementor-element-2803e00 > .e-con {
    width: calc(50% - 24px) !important;
    flex: 0 0 calc(50% - 24px) !important;
    min-width: 0 !important;
  }

}

/* MOBILE: untereinander */
@media (max-width: 767px) {

  .elementor-29 .elementor-element.elementor-element-2803e00 {
    display: flex !important;
    flex-direction: column !important;
    gap: 40px !important;
  }

  .elementor-29 .elementor-element.elementor-element-2803e00 > .e-con {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

}

/* ==========================================
   TABLET + MOBILE
   07 und 08 untereinander
========================================== */

@media (max-width: 1024px) {

  .elementor-29 .elementor-element.elementor-element-2803e00 {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 64px !important;
    width: 100% !important;
  }

  .elementor-29 .elementor-element.elementor-element-2803e00 > .e-con {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    min-width: 0 !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a620d2 *//* ==========================================
   09 – RESPONSIVE SPALTEN
========================================== */


/* ==========================================
   TABLET
   Untereinander statt 2 Spalten
   mit kleinerem Abstand
========================================== */

@media (min-width: 768px) and (max-width: 1024px) {

  .elementor-29 .elementor-element.elementor-element-8a620d2 {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;

    gap: 20px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
  }


  .elementor-29 .elementor-element.elementor-element-8a620d2 > .e-con {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    flex: 0 0 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
  }

}


/* ==========================================
   DESKTOP
   Zwei Spalten mit 112px Abstand
========================================== */

@media (min-width: 1025px) {

  .elementor-29 .elementor-element.elementor-element-8a620d2 {
    display: grid !important;

    grid-template-columns:
      calc((100% - 112px) / 2)
      calc((100% - 112px) / 2) !important;

    column-gap: 112px !important;
    row-gap: 0 !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
  }


  .elementor-29 .elementor-element.elementor-element-8a620d2 > .e-con {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    flex: none !important;
    flex-basis: auto !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5679371 */.elementor-29 .elementor-element.elementor-element-5679371 .bier-kategorie-num {
  color: #A7382A !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de688ad *//* ==========================================
   MOBILE – ABSTAND ZWISCHEN KATEGORIE-ROWS
========================================== */

@media (max-width: 767px) {

  .elementor-29 .elementor-element.elementor-element-de688ad .bier-row + .bier-row {
    margin-top: 30px !important;
  }

}

/* Abstand beim Anspringen der Bierkategorien */
#bier-01,
#bier-02,
#bier-03,
#bier-04,
#bier-05,
#bier-06,
#bier-07,
#bier-08,
#bier-09 {
  scroll-margin-top: 80px;
}/* End custom CSS */