/* Neuausrichtung: Webdesign & Web-Apps */
.package-toolbar{align-items:center;gap:14px 20px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.package-filters{gap:8px}
.package-filters button{min-height:44px;padding:9px 18px;font-size:14px;font-weight:500;line-height:1.2;color:var(--ink);border:1px solid #c3cdb6;background:#fffef9;border-radius:999px;cursor:pointer}
.package-filters button:hover{border-color:var(--green);background:#f0f3e3}
.package-filters button:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.package-filters button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff;font-weight:700;box-shadow:inset 0 -3px 0 #d2ec92}
.package-filters button[aria-pressed=true]:before{content:'\2713';margin-right:7px;font-weight:700}
.package-result{font:13px/1.4 'JetBrains Mono',monospace;color:#4d5a42;white-space:normal}
/* Projektpakete (Web-Apps): zurückhaltend abgesetzt */
.offer-card--project{border-color:#b9c7a3;border-top:4px solid var(--green)}
.offer-card--project .offer-price span{font-size:14px;font-weight:600;color:#4d5a42;margin-left:2px}
.offer-card--project .offer-delivery--top{margin-top:14px;margin-bottom:0;font-weight:600;color:var(--green)}
.offer-card--project .offer-features{margin-top:16px}
@media(max-width:680px){
  .package-toolbar{flex-direction:column;align-items:flex-start}
  .package-filters{gap:6px}
  .package-filters button{padding:9px 14px;font-size:14px}
  .package-result{white-space:normal}
}

/* Paketbilder im Format 3:2 zeigen, statt oben und unten zu beschneiden */
.offer-image{height:auto;aspect-ratio:3/2}
.offer-image img{display:block}