/* Schwarm-Paket P3 (Ratgeber): Ergaenzungen zum Designsystem – nur Farb-Variablen var(--w-…) */
.p3-crumbs{font-size:13px;color:var(--w-t3);margin-bottom:18px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.p3-crumbs a{color:var(--w-blue);text-decoration:none;}
.p3-crumbs a:hover{text-decoration:underline;}
.p3-hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
.article-hero .wrap,.p3-artikel .wrap{min-width:0;}
.p3-artikel{padding-top:clamp(28px,4vw,48px);}
.p3-artikel .article-body{margin-top:0;padding-bottom:0;}

/* Inhaltsverzeichnis */
.p3-toc{background:var(--w-surf-solid);border:1px solid var(--w-border);border-radius:18px;padding:22px 26px;margin:0 0 30px;}
.p3-toc-h{font-family:var(--w-disp);font-weight:700;font-size:15px;color:var(--w-text);margin-bottom:10px;}
.ak-prose .p3-toc ol{margin:0;padding-left:20px;gap:4px;}
.ak-prose .p3-toc li{padding-left:2px;font-size:15px;}
.p3-toc a{color:var(--w-blue);text-decoration:none;}
.p3-toc a:hover{text-decoration:underline;}

/* Fliesstext-Ergaenzungen */
.ak-prose h2{scroll-margin-top:96px;}
.ak-prose h3{font-family:var(--w-disp);font-weight:700;font-size:clamp(1.12rem,2vw,1.3rem);letter-spacing:-.01em;color:var(--w-text);margin:28px 0 10px;}
.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 a{color:var(--w-blue);text-decoration:underline;text-underline-offset:2px;}
.ak-prose a:hover{text-decoration-thickness:2px;}

/* Tabellen */
.p3-table{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:8px 0 26px;border:1px solid var(--w-border);border-radius:16px;background:var(--w-surf-solid);}
.p3-table table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.5;min-width:520px;}
.p3-table th,.p3-table td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--w-border);}
.p3-table thead th{background:var(--w-tint-card);color:var(--w-text);font-weight:700;}
.p3-table tbody tr:last-child td,.p3-table tbody tr:last-child th{border-bottom:0;}
.p3-table td strong,.p3-table th{color:var(--w-text);}

/* Hinweis-Kasten */
.p3-box{background:var(--w-tint-card);border:1px solid var(--w-border);border-left:4px solid var(--w-blue);border-radius:16px;padding:20px 24px;margin:8px 0 26px;}
.p3-box > :last-child{margin-bottom:0;}
.p3-box h3{margin-top:0;}

/* FAQ (statisch, details/summary) */
.p3-faq{max-width:860px;margin:0 auto;}
.p3-faq .web-faq-a{max-width:none;}
.p3-faq .web-faq-a p{margin:0 0 10px;}
.p3-faq .web-faq-a > :last-child{margin-bottom:0;}
.p3-faq .web-faq-a a{color:var(--w-blue);}
.p3-faq .web-faq-a ul{margin:0 0 10px;padding-left:20px;}

/* Weiterlesen */
.p3-weiter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;}
.p3-weiter-karte{display:flex;flex-direction:column;gap:6px;padding:22px 24px;border-radius:18px;text-decoration:none;transition:transform .2s,border-color .2s;}
.p3-weiter-karte strong{font-family:var(--w-disp);font-size:16.5px;color:var(--w-text);}
.p3-weiter-karte span{font-size:14px;line-height:1.5;color:var(--w-t2);}
.p3-weiter-karte:hover{transform:translateY(-2px);border-color:var(--w-border-h);}

/* Hub (Ratgeber-Uebersicht) und Glossar */
.p3-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:10px 0 34px;}
.p3-glossar-nav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 26px;}
.p3-glossar-nav a{display:inline-grid;place-items:center;min-width:36px;height:36px;padding:0 8px;border-radius:10px;border:1px solid var(--w-border);background:var(--w-surf-solid);color:var(--w-text);text-decoration:none;font-weight:700;font-size:14px;}
.p3-glossar-nav a:hover{border-color:var(--w-blue);color:var(--w-blue);}
.ak-prose .p3-glossar-nav a{text-decoration:none;color:var(--w-text);}

@media (max-width:560px){
  .p3-hero-ctas .btn{width:100%;justify-content:center;}
  .p3-toc{padding:18px 18px;}
  .p3-box{padding:16px 18px;}
}
.ak-prose .p3-toc a{text-decoration:none;}
.ak-prose .p3-toc a:hover{text-decoration:underline;}
#faq .sec-head{max-width:860px;margin-left:auto;margin-right:auto;}
/* qa-mobile-global setzt Tabellen am Handy auf 0.62rem – fuer Ratgeber-Tabellen lesbar halten */
@media (max-width:768px){
  html body .p3-table table:not(#zzqa){font-size:13.5px !important;line-height:1.45;table-layout:auto !important;width:auto !important;min-width:100% !important;}
  html body .p3-table table th:not(#zzqa),html body .p3-table table td:not(#zzqa){padding:8px 10px !important;word-break:normal !important;overflow-wrap:normal !important;-webkit-hyphens:auto !important;hyphens:auto !important;min-width:96px !important;}
}
.ak-prose a.p3-weiter-karte{text-decoration:none;}