/* Buggy Paradies Berater v1.1.0 */
#bpb-wrap{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;max-width:720px;margin:0 auto;color:#2A1810}
.bpb-hero{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border:2px solid #81c784;border-radius:20px;padding:40px 32px;text-align:center}
.bpb-hero-icon{font-size:3rem;display:block;margin-bottom:12px}
.bpb-hero h2{font-size:1.65rem;margin:0 0 10px;color:#1b5e20}
.bpb-hero p{font-size:1rem;color:#388e3c;margin:0 0 24px}
.bpb-btn-primary{display:inline-block;background:#2e7d32;color:#fff;border:none;border-radius:40px;padding:13px 32px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s,transform .15s}
.bpb-btn-primary:hover{background:#1b5e20;transform:translateY(-1px)}
.bpb-btn-secondary{display:inline-block;background:transparent;color:#2e7d32;border:2px solid #2e7d32;border-radius:40px;padding:11px 28px;font-size:.95rem;font-weight:600;cursor:pointer;margin-top:24px;transition:all .2s}
.bpb-btn-secondary:hover{background:#2e7d32;color:#fff}
.bpb-progress-wrap{display:flex;align-items:center;gap:12px;margin-bottom:28px}
.bpb-progress-bar{flex:1;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}
.bpb-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#81c784);border-radius:4px;transition:width .4s ease}
.bpb-progress-label{font-size:.82rem;color:#666;white-space:nowrap}
#bpb-quiz{padding:28px 0}
.bpb-step h3{font-size:1.3rem;font-weight:700;margin:0 0 6px;color:#1b5e20}
.bpb-sub{font-size:.9rem;color:#555;margin:0 0 20px}
.bpb-options{display:flex;flex-direction:column;gap:10px}
.bpb-opt{background:#fff;border:2px solid #c8e6c9;border-radius:12px;padding:14px 18px;font-size:.97rem;text-align:left;cursor:pointer;transition:all .18s;color:#2A1810}
.bpb-opt:hover,.bpb-opt.selected{border-color:#2e7d32;background:#e8f5e9;transform:translateX(4px)}
.bpb-textarea{width:100%;box-sizing:border-box;border:2px solid #c8e6c9;border-radius:12px;padding:14px;font-size:.95rem;font-family:inherit;resize:vertical;margin-bottom:16px;transition:border-color .2s}
.bpb-textarea:focus{outline:none;border-color:#2e7d32}
.bpb-submit-btn{display:block;width:100%;text-align:center;border-radius:12px}
#bpb-loading{text-align:center;padding:60px 20px}
.bpb-spinner{width:48px;height:48px;border:5px solid #c8e6c9;border-top-color:#2e7d32;border-radius:50%;margin:0 auto 20px;animation:bpb-spin 1s linear infinite}
@keyframes bpb-spin{to{transform:rotate(360deg)}}
#bpb-loading-text{color:#388e3c;font-size:1rem}
.bpb-result-intro{background:#f1f8e9;border-left:4px solid #2e7d32;border-radius:0 12px 12px 0;padding:16px 20px;font-size:1rem;line-height:1.6;margin-bottom:24px;color:#1b5e20}
.bpb-cards{display:flex;flex-direction:column;gap:20px}

/* Card mit Bild-Layout */
.bpb-card{background:#fff;border:2px solid #e0e0e0;border-radius:16px;overflow:hidden;transition:border-color .2s}
.bpb-card:first-child{border-color:#4caf50}
.bpb-badge-top{display:inline-block;background:#ff6f00;color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 10px;border-radius:0 0 8px 0;margin-bottom:0}
.bpb-card-body{display:grid;grid-template-columns:160px 1fr;gap:0}
.bpb-card-img{background:#f5f5f5;display:flex;align-items:center;justify-content:center;padding:16px;min-height:180px}
.bpb-product-img{max-width:130px;max-height:160px;width:auto;height:auto;object-fit:contain;display:block}
.bpb-img-link{display:flex;align-items:center;justify-content:center}
.bpb-no-img{font-size:3rem;color:#ccc;display:flex;align-items:center;justify-content:center;width:100%;min-height:140px}
.bpb-card-info{padding:20px}
.bpb-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:8px}
.bpb-card-title{font-size:1.1rem;font-weight:700;margin:0;color:#1b5e20}
.bpb-card-typ{font-size:.72rem;background:#e8f5e9;color:#2e7d32;padding:3px 8px;border-radius:20px;font-weight:600;white-space:nowrap;flex-shrink:0}
.bpb-card-highlight{font-size:.88rem;color:#388e3c;margin:0 0 12px;font-style:italic}
.bpb-card-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.bpb-pros h4,.bpb-cons h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px}
.bpb-pros h4{color:#2e7d32}.bpb-cons h4{color:#c62828}
.bpb-pros ul,.bpb-cons ul{margin:0;padding:0 0 0 14px;font-size:.84rem;color:#444}
.bpb-card-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #f0f0f0;padding-top:12px;margin-top:4px}
.bpb-preis{font-size:1.15rem;font-weight:700;color:#1b5e20}
.bpb-preis small{font-size:.78rem;font-weight:400;color:#666}
.bpb-stars{color:#f9a825;font-size:.9rem}
.bpb-btn-amazon{display:inline-flex;align-items:center;gap:6px;background:#FF9900;color:#fff;text-decoration:none;border-radius:40px;padding:9px 16px;font-weight:700;font-size:.85rem;transition:background .2s;margin-left:auto}
.bpb-btn-amazon:hover{background:#e88700;color:#fff}
.bpb-fuer-wen{font-size:.8rem;color:#666;margin:8px 0 0;padding-top:8px;border-top:1px solid #f5f5f5}
.bpb-fazit{background:#fff;border:2px solid #a5d6a7;border-radius:16px;padding:20px 24px;margin-top:24px;font-size:.97rem;line-height:1.65}
.bpb-fazit h4{margin:0 0 8px;color:#1b5e20}
.bpb-tipps{margin-top:16px;background:#fffde7;border:1px solid #f9a825;border-radius:12px;padding:16px 20px}
.bpb-tipps h4{margin:0 0 8px;color:#f57f17;font-size:.9rem}
.bpb-tipps ul{margin:0;padding-left:18px;font-size:.88rem;color:#444}
.bpb-tipps li{margin-bottom:4px}
@media(max-width:560px){
  .bpb-card-body{grid-template-columns:1fr}
  .bpb-card-img{min-height:140px;padding:12px}
  .bpb-product-img{max-height:120px}
  .bpb-card-pros-cons{grid-template-columns:1fr}
  .bpb-btn-amazon{margin-left:0;width:100%;justify-content:center}
  .bpb-hero{padding:28px 16px}
}