/* Kein horizontaler Scroll */
body.page-id-18692 .wp-site-blocks,
body.page-id-19021 .wp-site-blocks{
  overflow-x:clip!important;
}

/* Mobile: Layout untereinander */
body.page-id-18692 .vb-layout,
body.page-id-19021 .vb-layout{
  display:block!important;
}

/* Produktlisten ohne Bullets */
body.page-id-18692 ul.products,
body.page-id-18692 ul.products li,
body.page-id-19021 ul.products,
body.page-id-19021 ul.products li{
  list-style:none!important;
}
body.page-id-18692 ul.products li::marker,
body.page-id-19021 ul.products li::marker{
  content:none!important;
}

/* Mobile Abstand zwischen Karten */
@media (max-width:767px){
  body.page-id-18692 ul.products li.product,
  body.page-id-19021 ul.products li.product{
    margin-bottom:10px!important;
  }
}

/* Sidebar-Bullets entfernen */
.vb-sidebar ul,
.vb-sidebar ul li,
.vb-sidebar ul li::marker{
  list-style:none!important;
  list-style-type:none!important;
}
.vb-sidebar ul{
  margin:0!important;
  padding:0!important;
}
.vb-sidebar ul li{
  margin:0!important;
  padding:0!important;
}

/* Mobile: Sidebar ausblenden */
@media (max-width:767px){
  body.page-id-18692 .vb-sidebar,
  body.page-id-19021 .vb-sidebar{
    display:none!important;
  }
}

/* Header auf Speisen/Getränke ausblenden */
body.page-id-18692 .wp-block-template-part[area="header"],
body.page-id-19021 .wp-block-template-part[area="header"],
body.page-id-18692 header.wp-block-template-part,
body.page-id-19021 header.wp-block-template-part{
  display:none!important;
}

/* Tablet/Desktop Layout */
@media (min-width:768px){

  body.page-id-18692 .wp-block-post-content,
  body.page-id-18692 .entry-content,
  body.page-id-19021 .wp-block-post-content,
  body.page-id-19021 .entry-content{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding-left:var(--vb-page-pad)!important;
    padding-right:var(--vb-page-pad)!important;
    box-sizing:border-box;
  }

  body.page-id-18692 .vb-layout,
  body.page-id-19021 .vb-layout{
    display:grid!important;
    grid-template-columns:260px 1fr;
    gap:20px;
    align-items:start;
    width:100%!important;
    max-width:100%!important;
  }

  body.page-id-18692 .vb-content,
  body.page-id-19021 .vb-content{
    min-width:0!important;
    max-width:100%!important;
  }

  body.page-id-18692 .vb-content > *,
  body.page-id-19021 .vb-content > *{
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  body.page-id-18692 .vb-sidebar,
  body.page-id-19021 .vb-sidebar{
    position:sticky;
    top:var(--vb-sticky-top,80px);
    align-self:start;
  }

  body.page-id-18692 ul.products,
  body.page-id-19021 ul.products{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
    margin:0!important;
    padding:0!important;
    justify-items:stretch;
    align-items:start;
  }
  body.page-id-18692 ul.products li.product,
  body.page-id-19021 ul.products li.product{
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box;
  }

  body.page-id-18692 .vb-floating-menu,
  body.page-id-19021 .vb-floating-menu,
  body.page-id-18692 #vbFabSafe,
  body.page-id-18692 #vbPanelSafe,
  body.page-id-19021 #vbFabSafe,
  body.page-id-19021 #vbPanelSafe{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

/* Sidebar-Offset */
body.page-id-18692 .vb-sidebar,
body.page-id-19021 .vb-sidebar{
  margin-top:27px;
}

/* Kategorie-Section Glas */
.vb-layout .vb-content .vbdi-cat-section{
  position:relative;
  width:calc(100vw - 16px);
  max-width:1920px;
  margin-left:50%;
  transform:translateX(-50%);
  margin-top:8px;
  margin-bottom:28px;
  padding:10px 10px 10px;
  border-radius:24px;
  background:rgba(255,255,255,.12);
  -webkit-backdrop-filter:blur(0px) saturate(100%);
          backdrop-filter:blur(0px) saturate(100%);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 10px 28px rgba(0,0,0,.14);
  overflow:hidden;
  box-sizing:border-box;
}
.vb-layout .vb-content .vbdi-cat-section .vbdi-cat-header h2,
.vb-layout .vb-content .vbdi-cat-section .vbdi-cat-header .vbdi-cat-subtitle{
  color:#2d2d2d!important;
}
@media (min-width:768px){
  .vb-layout .vb-content .vbdi-cat-section{
    width:calc(100% - 20px);
    max-width:1500px;
    margin-left:auto;
    margin-right:auto;
    transform:none;
  }
}
@media (min-width:1280px){
  .vb-layout .vb-content .vbdi-cat-section{
    width:calc(100% - 10px);
    max-width:1800px;
  }
}

/* Sidebar Buttons */
.vb-sidebar .vb-menu a{
  display:block;
  padding:12px 16px;
  border-radius:999px;
  text-decoration:none;
  font-weight:600;
  color:#000;
  background:#f5f5f5;
  transition:background .2s,color .2s;
}
.vb-sidebar .vb-menu a.active{
  background:#008a67;
  color:#fff;
}

/* Glas-Sidebar mit aktivem Button */
.vb-layout .vb-sidebar{
  position:sticky;
  top:0;
  align-self:start;
  padding:10px 14px;
  border-radius:22px;
  background:rgba(255,255,255,.05);
  -webkit-backdrop-filter:blur(8px) saturate(120%);
          backdrop-filter:blur(8px) saturate(120%);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 8px 22px rgba(0,0,0,.12);
}
.vb-layout .vb-sidebar .vb-menu ul{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.vb-layout .vb-sidebar .vb-menu ul li a{
  display:block;
  padding:10px 16px;
  border-radius:999px;
  text-align:center;
  font-weight:600;
  color:#2d2d2d;
  background:transparent;
  border:1px solid transparent;
  text-decoration:none;
  transition:background .25s ease,color .25s ease,transform .2s ease;
}
.vb-layout .vb-sidebar .vb-menu ul li a:hover{
  color:#d7fff2;
  transform:scale(1.03);
}
.vb-layout .vb-sidebar .vb-menu ul li.active a,
.vb-layout .vb-sidebar .vb-menu ul li a.is-active{
  background:rgba(0,138,103,.9);
  color:#fff!important;
  border:1px solid rgba(0,138,103,.9);
  -webkit-backdrop-filter:blur(8px) saturate(140%);
          backdrop-filter:blur(8px) saturate(140%);
  box-shadow:0 0 14px rgba(0,138,103,.45);
  transform:scale(1.03);
}
@media (min-width:768px){
  .vb-layout .vb-sidebar .vb-menu ul li a{
    padding:12px 18px;
    font-size:1rem;
  }
}
.vb-sidebar .vb-menu ul{
  padding:0;
  margin:0;
}
.vb-sidebar .vb-menu li{
  list-style:none;
  margin:10px 0;
}
.vb-sidebar .vb-menu a{
  margin:0 10px;
  padding:12px 22px;
  border-radius:30px;
  text-decoration:none;
  color:#fff;
  border:1px solid transparent;
  background:transparent;
  -webkit-backdrop-filter:none;
          backdrop-filter:none;
  box-shadow:none;
  transition:filter .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease;
}

/* Floating Menu */
.vb-floating-menu{
  position:fixed;
  bottom:80px;
  right:16px;
  display:flex;
  flex-direction:column;
  gap:10px;
  z-index:9999;
}
.vb-floating-menu .vb-float-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:10px 16px;
  font-size:15px;
  font-weight:600;
  color:#2d2d2d;
  background:none;
  border:2px solid #ccc;
  border-radius:999px;
  text-decoration:none;
  transition:all .2s ease;
}
.vb-floating-menu .vb-float-link:hover{
  border-color:#008a67;
  color:#008a67;
}
#vbPanelSafe .vbLinkSafe{
  box-shadow:none!important;
}

/* Produkt-UL in Content ohne Bullets */
body.page-id-18692 .vb-content ul,
body.page-id-19021 .vb-content ul{
  list-style:none!important;
  list-style-type:none!important;
  padding-left:0!important;
  margin-left:0!important;
}
body.page-id-18692 .vb-content ul li,
body.page-id-19021 .vb-content ul li{
  list-style:none!important;
  list-style-type:none!important;
}
body.page-id-18692 .vb-content ul li::marker,
body.page-id-19021 .vb-content ul li::marker{
  content:""!important;
}