/* Paket P4 (Wettbewerber, Hersteller, Leitfaeden) – nur Theme-Variablen, Hell und Dunkel */

/* Karten-Raster */
.p4-grid{display:grid;gap:18px;}
.p4-grid-3{grid-template-columns:repeat(3,1fr);}
.p4-grid-2{grid-template-columns:repeat(2,1fr);}
.p4-card{padding:24px 24px 22px;}
.p4-card-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(14,165,233,.12);color:var(--w-blue);margin-bottom:14px;}
.p4-card h3{font-family:var(--w-disp);font-size:17px;font-weight:700;margin:0 0 8px;color:var(--w-text);}
.p4-card h3 a{color:var(--w-text);text-decoration:none;}
.p4-card h3 a:hover{color:var(--w-blue);}
.p4-card p{font-size:14.5px;line-height:1.6;color:var(--w-t2);margin:0;}
.p4-card p a,.p4-ref a,.p4-note a{color:var(--w-blue);font-weight:600;}

/* Thema + Hinweis */
.p4-split{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:start;}
.p4-note{background:var(--w-surf-solid);border:1px solid var(--w-border);border-left:4px solid var(--w-blue);border-radius:16px;padding:22px 24px;font-size:14.5px;line-height:1.65;color:var(--w-t2);}
.p4-note > strong:first-child{display:block;font-family:var(--w-disp);font-size:16px;color:var(--w-text);margin-bottom:6px;}
.p4-note p{margin:0;}
.p4-note strong{color:var(--w-text);}
.p4-ref{margin:26px 0 0;padding:18px 22px;border-radius:16px;background:var(--w-surf-solid);border:1px solid var(--w-border);font-size:15px;color:var(--w-t2);}
.p4-ref strong{color:var(--w-text);}
.p4-narrow{max-width:760px;}
.p4-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}

/* Fragen-Checkliste */
.p4-fragen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;counter-reset:p4f;}
.p4-fragen li{counter-increment:p4f;position:relative;padding:22px 22px 20px 70px;}
.p4-fragen li::before{content:counter(p4f,decimal-leading-zero);position:absolute;left:20px;top:20px;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;
  font-family:var(--w-disp);font-weight:700;font-size:14px;color:#fff;background:var(--w-grad);}
.p4-fragen h3{font-family:var(--w-disp);font-size:16.5px;font-weight:700;margin:0 0 6px;color:var(--w-text);}
.p4-fragen p{font-size:14.5px;line-height:1.6;color:var(--w-t2);margin:0;}
.p4-fragen strong{color:var(--w-text);}

/* FAQ + CTA */
.p4-faq{max-width:860px;margin:0 auto;}
.p4-faq .web-faq-a p{margin:0;}
.p4-faq .web-faq-a a{color:var(--w-blue);font-weight:600;}
.p4-cta-note{margin:18px auto 0;max-width:60ch;font-size:13.5px;line-height:1.6;opacity:.85;}

/* Prosa-Ergaenzungen (Leitfaeden, Themenblock) */
.ak-prose a{color:var(--w-blue);font-weight:600;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;}
.ak-prose h3{font-family:var(--w-disp);font-weight:700;font-size:clamp(1.1rem,1.8vw,1.3rem);color:var(--w-text);margin:28px 0 10px;}
.ak-prose h4{font-family:var(--w-disp);font-weight:700;font-size:1.02rem;color:var(--w-text);margin:22px 0 8px;}
.ak-prose ol{margin:0 0 18px;padding-left:24px;display:flex;flex-direction:column;gap:8px;}
.ak-prose ol li{padding-left:4px;}
.ak-prose ol li::before{display:none;}
.ak-prose blockquote{margin:22px 0;padding:14px 20px;border-left:4px solid var(--w-blue);background:var(--w-surf-solid);border-radius:0 12px 12px 0;color:var(--w-t2);}
.ak-prose em{color:var(--w-text);}
.p4-table-wrap{overflow-x:auto;margin:22px 0 26px;border:1px solid var(--w-border);border-radius:14px;background:var(--w-surf-solid);}
.p4-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:560px;}
.p4-table th{background:rgba(14,165,233,.10);color:var(--w-text);text-align:left;padding:12px 14px;font-family:var(--w-disp);font-size:13.5px;border-bottom:1px solid var(--w-border);}
.p4-table td{padding:11px 14px;color:var(--w-t2);line-height:1.55;border-bottom:1px solid var(--w-border);vertical-align:top;}
.p4-table tr:last-child td{border-bottom:none;}
.p4-table td strong{color:var(--w-text);}
.ak-prose .p4-note{margin:24px 0;}
.ak-prose .p4-note p{margin:0 0 8px;}
.ak-prose .p4-note p:last-child{margin:0;}
.ak-prose .ak-callout{margin:30px 0;}
.ak-prose .ak-callout .btn{text-decoration:none;color:#fff;}
.ak-callout .btn-ghost{color:#fff;}

/* Leitfaeden */
.p4-pillar{padding:clamp(36px,5vw,64px) 0 clamp(48px,7vw,80px);}
.p4-pillar .pillar-toc nav a{text-decoration:none;}
.p4-pillar .pillar-section h2{scroll-margin-top:96px;}
.p4-pillar .web-faq-list{margin-top:10px;}
.p4-pillar .web-faq-a p{margin:0 0 10px;}
.p4-pillar .web-faq-a p:last-child{margin:0;}
.article-hero .article-cover img{height:auto;}
.p4-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.p4-guide{display:flex;flex-direction:column;overflow:hidden;padding:0;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;}
.p4-guide:hover{transform:translateY(-3px);box-shadow:var(--w-shadow-light);}
.p4-guide img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;}
.p4-guide-body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1;}
.p4-guide-body h2,.p4-guide-body h3{font-family:var(--w-disp);font-size:19px;font-weight:700;margin:0;color:var(--w-text);}
.p4-guide-body p{font-size:14.5px;line-height:1.6;color:var(--w-t2);margin:0;flex:1;}
.p4-guide-more{color:var(--w-blue);font-weight:700;font-size:14.5px;}

@media (max-width:980px){
  .p4-grid-3,.p4-guide-grid{grid-template-columns:1fr 1fr;}
  .p4-split{grid-template-columns:1fr;gap:24px;}
}
@media (max-width:720px){
  .p4-grid-3,.p4-grid-2,.p4-fragen,.p4-guide-grid{grid-template-columns:1fr;}
  .p4-fragen li{padding:20px 18px 18px 64px;}
  .p4-fragen li::before{left:16px;}
}

/* 26.09.2026: Merkmalslisten in Produktkarten (Sungrow, Hisense) */
.p4-liste{margin:12px 0 0;padding-left:18px;color:var(--w-t2);font-size:14.5px;line-height:1.55;}
.p4-liste li+li{margin-top:6px;}
.p4-liste li::marker{color:var(--w-accent,#0EA5E9);}
.p4-tabelle{overflow-x:auto;}
.p4-tabelle table{min-width:640px;}