.elementor-6 .elementor-element.elementor-element-8f177e3{--display:flex;}.elementor-6 .elementor-element.elementor-element-8f177e3.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-6 .elementor-element.elementor-element-8f177e3{--width:90.051%;}}/* Start custom CSS for html, class: .elementor-element-fa43258 */:root{
  --bz-orange:#ed850f;
  --bz-blue:#78c6e6;
  --bz-text:#3c3c3c;
  --bz-muted:#6b7280;
  --bz-border:#e5e7eb;
  --bz-bg:#ffffff;
  --bz-alt:#f2fbff;
}

.bz-start{
  color:var(--bz-text);
  background:var(--bz-bg);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.bz-start *{ box-sizing:border-box; }
.bz-container{ max-width:1050px; margin:0 auto; padding:0 18px; }

/* HEADER */
.bz-header{
  background:#fff;
  border-bottom:1px solid var(--bz-border);
}
.bz-header-inner{
  max-width:1050px;
  margin:0 auto;
  padding:16px 160px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:18px;
}
.bz-brand,
.bz-partner{
  display:flex;
  align-items:center;
  text-decoration:none;
}
.bz-brand{ justify-content:flex-end; }
.bz-partner{ justify-content:flex-start; }
.bz-center{
  display:flex;
  justify-content:center;
  align-items:center;
}

/* "in Kooperation mit" als Badge */
.bz-coop{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid var(--bz-border);
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  font-weight:900;
  color:#4b5563;
  font-size:13px;
  letter-spacing:0.2px;
  line-height:1;
}

/* HERO (mit dezentem Muster) */
.bz-hero{
  padding:52px 0 64px;
  background:
    radial-gradient(circle at 12% 18%, rgba(120,198,230,0.22) 0 180px, transparent 181px),
    radial-gradient(circle at 88% 14%, rgba(237,133,15,0.14) 0 210px, transparent 211px),
    linear-gradient(180deg, #ffffff 0%, #ffffff 55%, var(--bz-alt) 100%);
}
.bz-hero h1{
  margin:0 0 14px 0;
  line-height:1.1;
  font-size:40px;
  max-width:980px;
}
.bz-subline{
  margin:0 0 18px 0;
  color:var(--bz-muted);
  font-size:16px;
  line-height:1.55;
  max-width:900px;
}

/* Buttons */
.bz-hero-cta{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:12px 0 18px;
}
.bz-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:14px;
  text-decoration:none;
  font-weight:900;
  border:1px solid var(--bz-border);
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.bz-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
}
.bz-btn-primary{
  background: var(--bz-orange);
  color:#fff;
  border-color: rgba(237,133,15,0.45);
}
.bz-btn-secondary{
  background:#fff;
  color:var(--bz-text);
  border-color: rgba(120,198,230,0.85);
}

/* 3-Schritte-Leiste */
.bz-stepsbar{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:12px;
  margin:0 0 18px;
  max-width:980px;
}
.bz-stepitem{
  background:#fff;
  border:1px solid var(--bz-border);
  border-radius:16px;
  padding:12px 12px;
  display:flex;
  gap:10px;
  align-items:flex-start;
  box-shadow: 0 10px 26px rgba(0,0,0,0.04);
}
.bz-stepicon{
  width:30px;
  height:30px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  background: rgba(120,198,230,0.22);
  color: #1f2937;
  flex: 0 0 auto;
}
.bz-steptext{
  color:var(--bz-muted);
  line-height:1.35;
}
.bz-steptext strong{ color:var(--bz-text); }

/* Info Box */
.bz-info{
  margin:0 0 18px 0;
  padding:14px 16px;
  border:1px solid var(--bz-border);
  border-radius:14px;
  background:#fff;
  box-shadow: 0 10px 26px rgba(0,0,0,0.04);
  max-width:980px;
}
.bz-info p{
  margin:0;
  color:var(--bz-muted);
  line-height:1.6;
}

/* Checks */
.bz-checks{
  list-style:none;
  padding:0;
  margin:0 0 26px 0;
  display:grid;
  gap:10px;
  max-width:980px;
}
.bz-checks li{
  position:relative;
  padding-left:26px;
}
.bz-checks li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:#16a34a;
  font-weight:900;
}

/* Kacheln */
.bz-choice-title{
  font-weight:900;
  margin:18px 0 12px 0;
}
.bz-choice-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:16px;
  margin-top:10px;
  max-width:980px;
}
.bz-choice{
  text-decoration:none;
  border-radius:16px;
  border:1px solid var(--bz-border);
  background:#fff;
  padding:18px;
  display:block;
  box-shadow: 0 10px 26px rgba(0,0,0,0.05);
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.bz-choice:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(0,0,0,0.08);
  border-color: rgba(120,198,230,0.85);
}
.bz-choice-head{
  font-size:18px;
  font-weight:900;
  margin-bottom:6px;
  color:var(--bz-text);
}
.bz-choice-text{
  color:var(--bz-muted);
  margin-bottom:12px;
  line-height:1.45;
}
.bz-choice-cta{
  font-weight:900;
  color:var(--bz-orange);
}
.bz-choice-primary{ border-left:6px solid var(--bz-orange); }
.bz-choice-secondary{ border-left:6px solid var(--bz-blue); }

/* Help */
.bz-help{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid var(--bz-border);
  color:var(--bz-muted);
  font-weight:700;
  max-width:980px;
}
.bz-help-strong{
  color:var(--bz-text);
  font-weight:900;
  margin-bottom:4px;
}
.bz-help-link{
  margin-left:8px;
  color:var(--bz-orange);
  font-weight:900;
  text-decoration:none;
}
.bz-help-link:hover{ text-decoration:underline; }

/* Sektionen */
.bz-section{
  padding:52px 0;
}
.bz-alt{
  background: var(--bz-alt);
  border-top:1px solid rgba(229,231,235,0.7);
  border-bottom:1px solid rgba(229,231,235,0.7);
}
.bz-h2{
  margin:0 0 10px 0;
  font-size:28px;
  line-height:1.15;
}
.bz-lead{
  margin:0 0 18px 0;
  color:var(--bz-muted);
  line-height:1.55;
  max-width:880px;
}

/* Benefits */
.bz-benefits{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:14px;
  max-width:980px;
}
.bz-benefit{
  background:#fff;
  border:1px solid var(--bz-border);
  border-radius:16px;
  padding:16px;
  box-shadow: 0 10px 26px rgba(0,0,0,0.04);
}
.bz-benefit-title{
  font-weight:900;
  margin-bottom:6px;
}
.bz-benefit-text{
  color:var(--bz-muted);
  line-height:1.5;
}

/* Sortiment Grid */
.bz-sortingrid{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:14px;
  max-width:980px;
}
.bz-sortcard{
  background:#fff;
  border:1px solid var(--bz-border);
  border-radius:16px;
  padding:16px;
  box-shadow: 0 10px 26px rgba(0,0,0,0.04);
}
.bz-sorttitle{
  font-weight:900;
  margin-bottom:6px;
}
.bz-sorttext{
  color:var(--bz-muted);
  line-height:1.5;
}

/* Section CTA */
.bz-section-cta{
  margin-top:18px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

/* Mini FAQ */
.bz-faqmini{
  max-width:980px;
  display:grid;
  gap:10px;
}
.bz-faqmini details{
  background:#fff;
  border:1px solid var(--bz-border);
  border-radius:14px;
  padding:12px 14px;
  box-shadow: 0 10px 26px rgba(0,0,0,0.04);
}
.bz-faqmini summary{
  cursor:pointer;
  font-weight:900;
}
.bz-faqmini p{
  margin:10px 0 0 0;
  color:var(--bz-muted);
  line-height:1.55;
}

/* =========================================================
   HARD LOCK: Header-Logos
   ========================================================= */
.bz-header .bz-brand,
.bz-header .bz-partner{
  display:flex !important;
  align-items:center !important;
}

/* Brotzeit (rund) */
.bz-header img.bz-logo-round{
  width:124px !important;
  height:124px !important;
  max-width:124px !important;
  max-height:124px !important;
  border-radius:24px !important;
  box-shadow:none !important;
}

/* Knusperschmiede (breit) */
.bz-header img.bz-logo-wide{
  width:auto !important;
  height:98px !important;
  max-height:98px !important;
  max-width:600px !important;
}

/* Sticky (nur mobile sichtbar) */
.bz-sticky{
  display:none;
}

/* MOBILE: Logos links/rechts + Coop exakt mittig (gleiche Zeile) */
@media (max-width: 900px){
  .bz-header-inner{
    padding:14px 16px;
    display:grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-areas: "left center right";
    align-items:center;
    column-gap:10px;
  }
  .bz-brand{
    grid-area:left;
    justify-self:start;
    justify-content:flex-start;
  }
  .bz-center{
    grid-area:center;
    justify-self:center;
  }
  .bz-partner{
    grid-area:right;
    justify-self:end;
    justify-content:flex-end;
  }
  .bz-coop{
    font-size:12px;
    padding:7px 12px;
    white-space:nowrap;
  }

  .bz-header img.bz-logo-round{
    width:100px !important;
    height:100px !important;
    max-width:100px !important;
    max-height:100px !important;
  }
  .bz-header img.bz-logo-wide{
    height:78px !important;
    max-height:78px !important;
    max-width:420px !important;
  }

  .bz-hero{ padding:36px 0 44px; }
  .bz-hero h1{ font-size:30px; }
  .bz-choice-grid{ grid-template-columns: 1fr; }

  .bz-stepsbar{ grid-template-columns: 1fr; }

  .bz-benefits{ grid-template-columns: 1fr; }
  .bz-sortingrid{ grid-template-columns: 1fr; }

  /* Sticky Bar */
  .bz-sticky{
    display:flex;
    position:fixed;
    left:12px;
    right:12px;
    bottom:12px;
    gap:10px;
    padding:10px;
    border-radius:16px;
    background: rgba(255,255,255,0.92);
    border:1px solid var(--bz-border);
    box-shadow: 0 18px 40px rgba(0,0,0,0.14);
    backdrop-filter: blur(10px);
    z-index:9999;
  }
  .bz-sticky-btn{
    flex:1;
    text-align:center;
    text-decoration:none;
    font-weight:900;
    padding:12px 10px;
    border-radius:14px;
    border:1px solid var(--bz-border);
  }
  .bz-sticky-firma{
    background: var(--bz-orange);
    color:#fff;
    border-color: rgba(237,133,15,0.45);
  }
  .bz-sticky-ma{
    background:#fff;
    color:var(--bz-text);
    border-color: rgba(120,198,230,0.85);
  }

  /* Platz unten, damit Sticky nichts überdeckt */
  .bz-start{ padding-bottom: 86px; }
}/* End custom CSS */