/* PW ANLEITUNG – MODULARE PATTERNS V1.0 */
.pw-guide{--pw-guide-accent:var(--brand-main,#008d9e);--pw-guide-hover:var(--brand-hover,#E35205);margin:30px 0;font-family:"Open Sans",sans-serif;color:#263238}
.pw-guide *,.pw-guide *::before,.pw-guide *::after{box-sizing:border-box}
.pw-guide .pw-guide-kicker{margin:0 0 6px;color:var(--pw-guide-accent);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.pw-guide .pw-guide-title{margin:0 0 12px;color:#24313a;font-size:clamp(1.3rem,2.4vw,1.8rem);line-height:1.25}
.pw-guide .pw-guide-lead{margin:0;color:#52616b}
.pw-guide-prep,.pw-guide-check,.pw-guide-trouble{padding:clamp(20px,4vw,34px);border:1px solid #dfe6e9;border-top:5px solid var(--pw-guide-accent);border-radius:10px;background:#fff;box-shadow:0 8px 24px rgba(20,35,45,.08)}
.pw-guide-meta-grid,.pw-guide-list-grid,.pw-guide-trouble-grid{display:grid;gap:16px;margin-top:22px}
.pw-guide-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.pw-guide-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pw-guide-meta-card,.pw-guide-list-card,.pw-guide-trouble-card{padding:18px;border:1px solid #e3e8eb;border-radius:8px;background:#f8fafb}
.pw-guide-meta-icon{margin:0 0 8px;color:var(--pw-guide-accent);font-size:1.35rem}
.pw-guide-meta-label{margin:0 0 4px;color:#65747d;font-size:.78rem;font-weight:700;text-transform:uppercase}
.pw-guide-meta-value{margin:0;font-weight:800}
.pw-guide-card-title{display:flex;gap:9px;align-items:center;margin:0 0 12px;font-size:1.05rem}
.pw-guide-card-title i{color:var(--pw-guide-accent)}
.pw-guide-safety,.pw-guide-linkbridge{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start;padding:clamp(20px,4vw,30px);border-radius:10px}
.pw-guide-safety{border:1px solid #f0c86b;background:#fff9e8}
.pw-guide-safety-icon,.pw-guide-linkbridge-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;font-size:1.55rem}
.pw-guide-safety-icon{color:#8b5a00;background:#ffe6a8}
.pw-guide-step{display:grid;grid-template-columns:62px minmax(0,1fr);gap:20px;padding:clamp(20px,4vw,30px);border:1px solid #dfe6e9;border-left:5px solid var(--pw-guide-accent);border-radius:10px;background:#fff;box-shadow:0 8px 24px rgba(20,35,45,.07)}
.pw-guide-step-number{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#fff;background:var(--pw-guide-accent);font-size:1.35rem;font-weight:900}
.pw-guide-step-title{margin:0 0 10px;font-size:clamp(1.15rem,2vw,1.45rem)}
.pw-guide-step-tip{margin-top:16px;padding:13px 15px;border-left:4px solid var(--pw-guide-hover);background:#f8fafb}
.pw-guide-step-tip p{margin:0}.pw-guide-step-tip i{color:var(--pw-guide-hover)}
.pw-guide-check-list{display:grid;gap:10px;margin:20px 0;padding:0;list-style:none}
.pw-guide-check-list li{position:relative;padding-left:30px}.pw-guide-check-list li::before{position:absolute;left:0;content:"✓";color:var(--pw-guide-accent);font-weight:900}
.pw-guide-check-result{padding:15px 17px;border-radius:8px;background:#f0f8f8}.pw-guide-check-result p{margin:0}.pw-guide-check-result i{color:var(--pw-guide-accent)}
.pw-guide-trouble-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.pw-guide-trouble-label{display:flex;gap:8px;align-items:center;margin:0 0 10px;color:#596870;font-size:.78rem;font-weight:800;text-transform:uppercase}
.pw-guide-trouble-card--solution{border-color:var(--pw-guide-accent);background:#f0f8f8}
.pw-guide-linkbridge{border:1px solid #d5e5e7;background:#f6fbfb}.pw-guide-linkbridge-icon{color:#fff;background:var(--pw-guide-accent)}
.pw-guide-linkbridge .wp-block-buttons{margin-top:16px}.pw-guide-linkbridge-button .wp-block-button__link{background:var(--pw-guide-accent);font-weight:800}.pw-guide-linkbridge-button .wp-block-button__link:hover{background:var(--pw-guide-hover)}
@media(max-width:767px){.pw-guide-meta-grid,.pw-guide-list-grid,.pw-guide-trouble-grid{grid-template-columns:1fr}.pw-guide-safety,.pw-guide-linkbridge,.pw-guide-step{grid-template-columns:1fr}.pw-guide-step-number{width:46px;height:46px}}
/* =========================================================
   PW ANLEITUNG – V2 VALIDIERUNGS- UND MARKENFARBEN-PATCH
   Am Ende des vorhandenen Anleitung-CSS ergänzen.
   ========================================================= */

/* Duotone-Icons übernehmen zuverlässig die aktive Marke. */
.pw-guide i.fa-duotone {
  color: var(--pw-guide-accent);
  --fa-primary-color: var(--pw-guide-accent);
  --fa-secondary-color: var(--pw-guide-hover);
  --fa-primary-opacity: 1;
  --fa-secondary-opacity: 0.45;
}

.pw-guide .pw-guide-icon-only,
.pw-guide .pw-guide-step-number-text {
  margin: 0;
  line-height: 1;
}

.pw-guide .pw-guide-safety-icon i.fa-duotone {
  color: #8b5a00;
  --fa-primary-color: #8b5a00;
  --fa-secondary-color: #d58a00;
}

.pw-guide .pw-guide-linkbridge-icon i.fa-duotone,
.pw-guide .pw-guide-linkbridge-icon {
  color: #fff;
  --fa-primary-color: #fff;
  --fa-secondary-color: #fff;
}

.pw-guide .pw-guide-step-number-text {
  color: #fff;
  font-size: 1.35rem;
  font-weight: 900;
}

.pw-guide-step-number {
  color: #fff;
}

/* Markenfarben auch bei Listen, Karten und Akzentflächen konsistent halten. */
.pw-guide .pw-guide-card-title::after {
  border-color: var(--pw-guide-accent);
}

.pw-guide .pw-guide-meta-card,
.pw-guide .pw-guide-list-card {
  border-color: color-mix(in srgb, var(--pw-guide-accent) 18%, #e3e8eb);
}

.pw-guide .pw-guide-linkbridge-button .wp-block-button__link {
  background-color: var(--pw-guide-accent);
}

.pw-guide .pw-guide-linkbridge-button .wp-block-button__link:hover {
  background-color: var(--pw-guide-hover);
}

.pw-accessory{--pw-accessory-main:var(--brand-main,#008d9e);--pw-accessory-accent:var(--brand-hover,#E35205);margin:30px 0;color:#263238;font-family:"Open Sans",sans-serif}
.pw-accessory *,.pw-accessory *::before,.pw-accessory *::after{box-sizing:border-box}
.pw-accessory .pw-accessory-kicker{margin:0 0 6px;color:var(--pw-accessory-main);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.pw-accessory .pw-accessory-title{margin:0 0 12px;color:#24313a;font-size:clamp(1.35rem,2.5vw,1.9rem);line-height:1.25}
.pw-accessory .pw-accessory-lead{margin:0;color:#56656e}
.pw-accessory i.fa-duotone{color:var(--pw-accessory-main);--fa-primary-color:var(--pw-accessory-main);--fa-secondary-color:var(--pw-accessory-accent);--fa-primary-opacity:1;--fa-secondary-opacity:.45}
.pw-accessory-finder,.pw-accessory-type,.pw-accessory-compat{padding:clamp(20px,4vw,34px);border:1px solid #dfe6e9;border-top:5px solid var(--pw-accessory-main);border-radius:10px;background:#fff;box-shadow:0 8px 24px rgba(20,35,45,.08)}
.pw-accessory-finder-grid,.pw-accessory-type-grid,.pw-accessory-check-grid{display:grid;gap:16px;margin-top:22px}
.pw-accessory-finder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pw-accessory-type-grid,.pw-accessory-check-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.pw-accessory-finder-card,.pw-accessory-type-card,.pw-accessory-check-card{padding:18px;border:1px solid #dfe6e9;border-radius:8px;background:#f8fafb}
.pw-accessory-finder-icon,.pw-accessory-check-icon{margin:0 0 9px;font-size:1.35rem}
.pw-accessory-card-title,.pw-accessory-check-title,.pw-accessory-type-card-title{margin:0 0 10px;color:#29363e;font-size:1.05rem;line-height:1.3}
.pw-accessory-card-label{margin:14px 0 4px;color:#65747d;font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.pw-accessory-card-note{margin:14px 0 0;padding-top:12px;border-top:1px solid #dfe6e9;color:#53616a;font-size:.9rem}
.pw-accessory-summary,.pw-accessory-verdict,.pw-accessory-stop{margin-top:18px;padding:15px 17px;border-left:4px solid var(--pw-accessory-accent);border-radius:6px;background:#f4f9f9}
.pw-accessory-summary p,.pw-accessory-verdict p,.pw-accessory-stop p{margin:0}
.pw-accessory-type-card--warning{border-color:#edc47b;background:#fff9ec}
.pw-accessory-stop{border-left-color:#c45b00;background:#fff6e8}
@media(max-width:900px){.pw-accessory-type-grid,.pw-accessory-check-grid{grid-template-columns:1fr}}
@media(max-width:767px){.pw-accessory-finder-grid{grid-template-columns:1fr}}