/* Digitalisierungs-Pakete – baut auf neu.css (Unterseiten-Stil) auf */
.sub-body .dg-pakete { max-width: none; }
.dg-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin: 22px 0 6px; }
.dg-plan { display: flex; flex-direction: column; padding: 22px; border-radius: 22px; background: var(--card); border: 1px solid var(--line); }
.dg-plan.is-featured { border-color: rgba(231,138,83,.5); background: radial-gradient(90% 70% at 100% 0%, rgba(231,138,83,.14), transparent 60%), var(--card); }
.dg-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.sub-body .dg-plan h3 { margin: 0; font-size: 19px; }
.dg-rec { padding: 3px 10px; border-radius: 99px; background: var(--orange); color: #111; font-size: 12px; font-weight: 600; }
.sub-body .dg-price { margin: 14px 0 0; color: var(--soft); font-size: 15px; }
.dg-price b { color: var(--fg); font-size: 34px; font-weight: 600; letter-spacing: -.03em; }
.sub-body .dg-period { margin: 0 0 12px; font-size: 13px; color: var(--dim); }
.sub-body .dg-desc { margin: 0 0 12px; font-size: 15.5px; }
.sub-body .dg-plan ul { display: grid; gap: 8px; margin: 0 0 18px; padding: 0; list-style: none; }
.dg-plan li { position: relative; padding-left: 22px; font-size: 15px; line-height: 1.5; }
.dg-plan li::before { content: "✓"; position: absolute; left: 0; color: var(--orange2); font-weight: 600; }
.sub-body .dg-plan .service-button { margin-top: auto; width: 100%; }
.sub-body .dg-note { margin-top: 16px; font-size: 14.5px; color: var(--dim); max-width: none; }

/* Erklärvideo im Handy-Rahmen */
.sub-body .dg-video { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 36px; align-items: center; max-width: none; }
.dg-phone { justify-self: center; width: min(300px, 100%); padding: 10px; border-radius: 44px; background: linear-gradient(160deg, #2a2a2e, #111113); border: 1px solid var(--line2); box-shadow: 0 40px 90px -40px rgba(0,0,0,.95), 0 0 70px -20px rgba(231,138,83,.35); }
.dg-phone video { display: block; width: 100%; height: auto; aspect-ratio: 9 / 16; border-radius: 34px; background: #0c0c0d; }
@media (max-width: 760px) { .sub-body .dg-video { grid-template-columns: minmax(0, 1fr); gap: 26px; } .dg-phone { width: min(280px, 82vw); } }