.hl4-home{
  --hl-green:#008037;
  --hl-green-dark:#006b2f;
  --hl-ink:#17202a;
  --hl-muted:#5f665f;
  --hl-cream:#f7f4ee;
  --hl-soft:#f7f8f5;
  --hl-line:#e3e7e0;
  font-family:"Roboto Slab",serif;
  color:var(--hl-ink);
}
.hl4-home *{box-sizing:border-box}
.hl4-home a{text-decoration:none}
.hl4-wrap{width:min(1340px,calc(100% - 40px));margin-inline:auto}
.hl4-center{text-align:center}
.hl4-section{padding:30px 0}
.hl4-section-head{margin-bottom:16px}
.hl4-section-head h2,.hl4-row-title h2,.hl4-final h2,.hl4-mix-copy h2{margin:0 0 6px;font-size:30px;line-height:1.2}
.hl4-section-head p,.hl4-final p{margin:0;font-size:15px;line-height:1.5}

.hl4-hero{background:var(--hl-cream)}
.hl4-hero-grid{display:grid;grid-template-columns:1fr 1.16fr;min-height:378px}
.hl4-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:46px 42px 46px 0}
.hl4-hero-copy h1{font-size:50px;line-height:1.07;margin:0 0 18px;max-width:590px}
.hl4-hero-copy p{font-size:17px;line-height:1.55;margin:0 0 23px;max-width:620px}
.hl4-hero-media{min-width:0;overflow:hidden}
.hl4-hero-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.hl4-actions{display:flex;gap:12px;flex-wrap:wrap}
.hl4-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 21px;border-radius:6px;border:2px solid var(--hl-green);font-weight:600;font-size:15px;line-height:1.2;transition:.18s ease}
.hl4-btn-primary{background:var(--hl-green);color:#fff}
.hl4-btn-primary:hover{background:var(--hl-green-dark);border-color:var(--hl-green-dark);color:#fff}
.hl4-btn-outline{background:#fff;color:var(--hl-green)}
.hl4-btn-outline:hover{background:var(--hl-green);color:#fff}

.hl4-trust{background:#fff;border-block:1px solid var(--hl-line)}
.hl4-trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.hl4-trust-item{display:flex;gap:13px;align-items:center;padding:14px 20px;min-height:70px}
.hl4-trust-item+.hl4-trust-item{border-left:1px solid var(--hl-line)}
.hl4-trust-item strong,.hl4-trust-item small{display:block}
.hl4-trust-item strong{font-size:14px;line-height:1.25;margin-bottom:2px}
.hl4-trust-item small{font-size:12px;line-height:1.35;color:var(--hl-muted)}
.hl4-icon{flex:0 0 32px;width:32px;height:32px;border:1.5px solid var(--hl-green);border-radius:50%;display:grid;place-items:center;color:var(--hl-green);font-family:Arial,sans-serif;font-weight:700}

.hl4-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.hl4-category-card{display:grid;grid-template-columns:42% 58%;min-height:198px;border:1px solid var(--hl-line);border-radius:10px;overflow:hidden;background:#fafbf8;color:var(--hl-ink);transition:.18s ease}
.hl4-category-card:hover{transform:translateY(-3px);box-shadow:0 9px 24px rgba(20,55,24,.08);border-color:#c8d7c3}
.hl4-category-card img{width:100%;height:100%;object-fit:cover;display:block}
.hl4-category-copy{padding:21px 18px;display:flex;flex-direction:column;justify-content:center}
.hl4-category-copy h3{font-size:22px;margin:0 0 6px}
.hl4-category-copy p{font-size:13px;line-height:1.45;margin:0 0 14px}
.hl4-category-copy span{font-size:12px;color:var(--hl-green);font-weight:600;margin-top:auto}

.hl4-row-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:10px}
.hl4-row-title h2{font-size:24px}
.hl4-row-title a{font-size:13px;color:var(--hl-green);font-weight:600}
.hl4-products .products{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;margin:0!important}
.hl4-products .products:before,.hl4-products .products:after{display:none!important}
.hl4-products .products li.product{width:100%!important;margin:0!important;padding:12px!important;border:1px solid var(--hl-line)!important;border-radius:8px!important;background:#fff!important;display:flex!important;flex-direction:column!important;min-width:0!important;min-height:198px!important}
.hl4-products .products li.product img{width:100%!important;height:100px!important;object-fit:contain!important;margin:0 auto 8px!important}
.hl4-products .products li.product h2,.hl4-products .products li.product h3,.hl4-products .products li.product .product-title,.hl4-products .products li.product .woocommerce-loop-product__title{font-family:"Roboto Slab",serif!important;font-size:13px!important;line-height:1.3!important;font-weight:600!important;margin:0 0 5px!important;overflow-wrap:anywhere}
.hl4-products .products li.product .price{font-family:"Roboto Slab",serif!important;font-size:12px!important;line-height:1.3!important;margin-top:auto!important}
.hl4-products .product-buttons,.hl4-products .star-rating{display:none!important}

.hl4-benefits{background:var(--hl-soft);border-block:1px solid var(--hl-line)}
.hl4-benefit-grid{display:grid;grid-template-columns:repeat(5,1fr)}
.hl4-benefit{display:flex;align-items:center;gap:10px;padding:12px 16px}
.hl4-benefit+.hl4-benefit{border-left:1px solid #dde3da}
.hl4-benefit span{width:25px;height:25px;flex:0 0 25px;border-radius:50%;display:grid;place-items:center;background:#eaf3e7;color:var(--hl-green);font-family:Arial,sans-serif;font-weight:700}
.hl4-benefit strong,.hl4-benefit small{display:block}
.hl4-benefit strong{font-size:13px;margin-bottom:2px}
.hl4-benefit small{font-size:11px;color:var(--hl-muted);line-height:1.3}

.hl4-style-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.hl4-style-card{border:1px solid var(--hl-line);border-radius:9px;overflow:hidden;background:#fafbf8;color:var(--hl-ink);text-align:center;transition:.18s ease}
.hl4-style-card:hover{transform:translateY(-3px);box-shadow:0 7px 20px rgba(20,55,24,.07)}
.hl4-style-card i{height:72px;display:block;background:var(--beer)}
.hl4-style-card strong{display:block;font-size:18px;margin:15px 8px 5px}
.hl4-style-card span{display:block;font-size:11px;color:var(--hl-green);font-weight:600;margin-bottom:16px}
.hl4-pils{--beer:#e8c95c}.hl4-helles{--beer:#e5ac3f}.hl4-weizen{--beer:#c9822f}.hl4-ipa{--beer:#d68b31}.hl4-pale{--beer:#c46e26}.hl4-stout{--beer:#3a211b}

.hl4-mix-card{display:grid;grid-template-columns:40% 60%;border:1px solid var(--hl-line);border-radius:12px;overflow:hidden;background:#fff}
.hl4-mix-media img{display:block;width:100%;height:100%;min-height:245px;object-fit:cover}
.hl4-mix-copy{padding:26px 34px;display:flex;flex-direction:column;justify-content:center}
.hl4-mix-copy h2{font-size:29px}
.hl4-mix-copy p{font-size:15px;line-height:1.5;margin:0 0 13px}
.hl4-mix-copy ul{list-style:none;padding:0;margin:0 0 18px;display:flex;gap:18px;flex-wrap:wrap;font-size:13px;font-weight:600}
.hl4-mix-copy li:before{content:"✓";color:var(--hl-green);margin-right:5px}

.hl4-knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hl4-knowledge-card{display:grid;grid-template-rows:125px auto;border:1px solid var(--hl-line);border-radius:9px;overflow:hidden;background:#fafbf8;color:var(--hl-ink);transition:.18s ease}
.hl4-knowledge-card:hover{transform:translateY(-3px);box-shadow:0 7px 20px rgba(20,55,24,.06)}
.hl4-knowledge-card img{width:100%;height:125px;object-fit:cover;display:block}
.hl4-knowledge-card>div{padding:18px 20px 20px}
.hl4-knowledge-card h3{font-size:20px;margin:0 0 6px}
.hl4-knowledge-card p{font-size:12px;line-height:1.45;margin:0 0 10px}
.hl4-knowledge-card span{font-size:12px;color:var(--hl-green);font-weight:600}

.hl4-final{background:var(--hl-green);color:#fff;padding:26px 0}
.hl4-final h2{font-size:28px}
.hl4-final p{max-width:800px;margin:0 auto 15px}
.hl4-actions-center{justify-content:center}
.hl4-btn-light{background:#fff;color:var(--hl-green);border-color:#fff}
.hl4-btn-light-outline{background:transparent;color:#fff;border-color:#fff}
.hl4-btn-light:hover{background:transparent;color:#fff}
.hl4-btn-light-outline:hover{background:#fff;color:var(--hl-green)}

@media(max-width:1100px){
  .hl4-category-grid{grid-template-columns:repeat(2,1fr)}
  .hl4-products .products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .hl4-benefit-grid{grid-template-columns:repeat(2,1fr)}
  .hl4-benefit+.hl4-benefit{border-left:0}
}
@media(max-width:800px){
  .hl4-wrap{width:min(100% - 28px,1340px)}
  .hl4-hero-grid{grid-template-columns:1fr}
  .hl4-hero-copy{padding:36px 0 30px}
  .hl4-hero-copy h1{font-size:38px}
  .hl4-hero-media img{height:280px}
  .hl4-trust-grid{grid-template-columns:repeat(2,1fr)}
  .hl4-trust-item:nth-child(3){border-left:0;border-top:1px solid var(--hl-line)}
  .hl4-trust-item:nth-child(4){border-top:1px solid var(--hl-line)}
  .hl4-style-grid{grid-template-columns:repeat(3,1fr)}
  .hl4-mix-card{grid-template-columns:1fr}
  .hl4-mix-media img{min-height:220px}
  .hl4-knowledge-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .hl4-category-grid{grid-template-columns:1fr}
  .hl4-category-card{grid-template-columns:42% 58%}
  .hl4-products .products{grid-template-columns:1fr!important}
  .hl4-benefit-grid{grid-template-columns:1fr}
  .hl4-style-grid{grid-template-columns:repeat(2,1fr)}
  .hl4-trust-grid{grid-template-columns:1fr}
  .hl4-trust-item+.hl4-trust-item{border-left:0;border-top:1px solid var(--hl-line)}
  .hl4-row-title{align-items:flex-start;flex-direction:column}
}


/* =========================================================
   v4.1 VISUAL POLISH
   ========================================================= */

/* Spezifische Trust-Icons ohne zusätzliche Font-Datei */
.hl4-trust .hl4-icon{
  border:0;
  border-radius:0;
  color:transparent;
  font-size:0;
  background-repeat:no-repeat;
  background-position:center;
  background-size:30px 30px;
}
.hl4-trust-item:nth-child(1) .hl4-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23008037' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}
.hl4-trust-item:nth-child(2) .hl4-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23008037' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='7' r='3'/%3E%3Cpath d='M3 21v-2a6 6 0 0 1 12 0v2'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M16 15a5 5 0 0 1 5 5v1'/%3E%3C/svg%3E");
}
.hl4-trust-item:nth-child(3) .hl4-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23008037' stroke-width='1.6'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E");
}
.hl4-trust-item:nth-child(4) .hl4-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23008037' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='m3 6 9-4 9 4-9 4-9-4z'/%3E%3Cpath d='m3 6v12l9 4 9-4V6'/%3E%3Cpath d='M12 10v12'/%3E%3C/svg%3E");
}

/* Produktkarten kompakter und etwas hochwertiger */
.hl4-products .products li.product{
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.hl4-products .products li.product:hover{
  transform:translateY(-2px);
  border-color:#c8d7c3!important;
  box-shadow:0 6px 18px rgba(20,55,24,.06)!important;
}

/* Wissenskarten: Hefe nicht extrem hineinzoomen */
.hl4-knowledge-card:nth-child(3) img{
  object-fit:contain;
  object-position:center;
  background:#f7f8f5;
  padding:6px;
}

/* Abschluss-CTA: Avada darf keine dunklen Heading-Farben vererben */
.hl4-final h2,
.hl4-final p{
  color:#fff!important;
}
.hl4-final .hl4-btn-light{
  color:var(--hl-green)!important;
}
.hl4-final .hl4-btn-light-outline{
  color:#fff!important;
}
.hl4-final .hl4-btn-light:hover{
  color:#fff!important;
}
.hl4-final .hl4-btn-light-outline:hover{
  color:var(--hl-green)!important;
}