.sb-board{--sb-suche:#c2410c;--sb-biete:#15803d;--sb-paper:#fffdf6;--sb-ink:#1f2937;font-size:1rem;color:var(--sb-ink)}
.sb-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}
.sb-filter input,.sb-filter select{flex:1 1 160px;padding:.55rem .7rem;border:1px solid #d1d5db;border-radius:6px}
.sb-filter button,.sb-form button{padding:.6rem 1.2rem;border:0;border-radius:6px;background:var(--sb-ink,#1f2937);color:#fff;cursor:pointer}
.sb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}
.sb-card{position:relative;background:var(--sb-paper);border:1px solid #e5e1d3;border-top:5px solid var(--sb-biete);border-radius:4px;padding:1.1rem;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.sb-card.sb-suche{border-top-color:var(--sb-suche)}
.sb-badge{display:inline-block;font-weight:700;font-size:.75rem;letter-spacing:.08em;color:#fff;background:var(--sb-biete);padding:.2rem .55rem;border-radius:3px}
.sb-suche .sb-badge{background:var(--sb-suche)}
.sb-image img{width:100%;height:180px;object-fit:cover;border-radius:3px;margin-top:.75rem}
.sb-title{margin:.7rem 0 .4rem;font-size:1.15rem}
.sb-text p{margin:0 0 .5rem}
.sb-contact{list-style:none;margin:.75rem 0;padding:.6rem 0 0;border-top:1px dashed #d6d0bd;font-size:.92rem}
.sb-contact li{margin:.15rem 0}
.sb-terms{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}
.sb-term{font-size:.78rem;padding:.15rem .5rem;border-radius:999px;background:#efe9d6;text-decoration:none;color:inherit}
.sb-term-tag{background:transparent;border:1px solid #d6d0bd}
.sb-date{display:block;margin-top:.6rem;font-size:.78rem;color:#6b7280}
.sb-pagination{display:flex;gap:.4rem;margin-top:1.5rem}
.sb-pagination a{padding:.3rem .7rem;border:1px solid #d1d5db;border-radius:4px;text-decoration:none}
.sb-pagination a.is-current{background:#1f2937;color:#fff}
.sb-form{display:grid;gap:.9rem;max-width:640px}
.sb-form label{display:grid;gap:.3rem;font-weight:600}
.sb-form input,.sb-form textarea,.sb-form select{padding:.55rem .7rem;border:1px solid #d1d5db;border-radius:6px;font-weight:400}
.sb-form .sb-typ{display:flex;gap:1.5rem;border:0;padding:0}
.sb-form .sb-typ label{display:flex;align-items:center;gap:.4rem}
.sb-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.sb-hp{position:absolute!important;left:-9999px}
.sb-notice{padding:1rem;background:#ecfdf5;border-left:4px solid #15803d}
@media(max-width:600px){.sb-form-row{grid-template-columns:1fr}}