.pricing-hero {
  padding-block:clamp(44px,6vw,84px);
  background:linear-gradient(100deg,#111310 20%,#11131078),url("assets/studio-hintergrund.jpg") center 55% / cover no-repeat #141514;
  border-bottom:1px solid var(--line);
}
.pricing-hero-grid {
  display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);align-items:center;
  gap:clamp(25px,4vw,60px);
}
.pricing-hero h1 { font-size:clamp(2.45rem,4.7vw,4.4rem); }
.pricing-hero-image {
  display:block;width:100%;height:auto;aspect-ratio:1.58;object-fit:cover;
  border:1px solid #63533b;border-radius:19px;
}
@media(max-width:740px) {
  .pricing-hero-grid { grid-template-columns:1fr; }
}
.pricing-jump,.pricing-demos { display:flex;flex-wrap:wrap;gap:10px 20px; }
#hauptnavigation a[aria-current="page"] { color:var(--gold);font-weight:750; }
.tariff-grid {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:26px;
}
.tariff {
  display:flex;flex-direction:column;align-items:flex-start;min-width:0;
  padding:clamp(18px,2.3vw,29px);border:1px solid #514636;border-radius:17px;
  background:
    linear-gradient(90deg,#191916fa 0%,#191916e8 41%,#1919167a 100%),
    linear-gradient(0deg,#171816 0%,#1718166b 54%,transparent 88%),
    var(--tariff-art) var(--tariff-focus,center) / cover no-repeat var(--surface);
}
.tariff--stream { --tariff-art:url("assets/bistro-touch-player.png");--tariff-focus:63% center; }
.tariff--usb { --tariff-art:url("assets/bistro-usb-stick.jpg");--tariff-focus:63% center; }
.tariff--server,.tariff--video-server { --tariff-art:url("assets/preise-server-bildschirme.jpg");--tariff-focus:right center; }
.tariff--standorte { --tariff-art:url("assets/bistro-atmosphaere.jpg");--tariff-focus:66% center; }
.tariff--einplatz { --tariff-art:url("assets/wartezimmer-tv.jpg");--tariff-focus:55% center; }
.tariff--mehrplatz { --tariff-art:url("assets/praxis-videoplayer.jpg");--tariff-focus:68% center; }
.tariff--filialen { --tariff-art:url("assets/preise-bildschirm-gastro.jpg");--tariff-focus:62% center; }
.tariff-tag {
  margin:0 0 14px;padding:3px 11px;border-radius:999px;background:#3a3224;color:var(--gold);
  font-size:.78rem;font-weight:750;
}
.tariff-price { display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:12px 0 4px; }
.tariff-price strong { color:var(--gold);font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.13;letter-spacing:-.04em; }
.tariff-price span,.tariff ul,.pricing-note { color:var(--muted); }
.tariff-price span { font-size:.87rem; }
.tariff ul { display:grid;gap:5px;margin:12px 0 19px;padding-left:1.15rem;font-size:.95rem; }
.tariff li::marker { color:var(--gold); }
.tariff-links { display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:auto; }
.tariff-links .button { min-height:40px;padding:.45rem .85rem;font-size:.91rem;background:#24221c; }
.tariff-links .button:hover { background:#3a3120; }
.video-pricing { background:#1c1f1b;border-block:1px solid var(--line); }
.tariff-grid-video { grid-template-columns:repeat(4,minmax(0,1fr)); }
.pricing-note { margin:19px 0 0;font-size:.9rem; }
.pricing-note strong { color:var(--text); }
.pricing-demos { margin-top:20px; }
.pricing-contact {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;
  gap:clamp(22px,5vw,70px);
}
.pricing-contact-copy > p:not(.eyebrow) { max-width:48ch;margin:14px 0 20px;color:var(--muted); }
.pricing-contact-image { width:100%;height:auto;border:1px solid #63533b;border-radius:19px; }
@media(max-width:740px) {
  .pricing-contact { grid-template-columns:1fr; }
}
@media(max-width:940px) {
  .tariff-grid,.tariff-grid-video { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:570px) {
  .tariff-grid,.tariff-grid-video { grid-template-columns:1fr;gap:12px; }
}
