/* === from: downloading.json === */
.download-card {
          background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
          border-radius: 12px;
          padding: 2rem;
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
        }

        .download-icon {
          width: 64px;
          height: 64px;
          background: #0D4E88;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 0 auto 1.5rem;
        }

        .download-icon svg {
          width: 32px;
          height: 32px;
          color: #fff;
        }

        .file-info {
          font-size: var(--type-sm);
          color: #6c757d;
        }

        @keyframes pulse {

          0%,
          100% {
            opacity: 1;
          }

          50% {
            opacity: 0.6;
          }
        }

        .pulse {
          animation: pulse 2s ease-in-out infinite;
        }

        .dl-steps {
          display: flex;
          justify-content: center;
          gap: 2rem;
          margin-top: 3rem;
          flex-wrap: wrap;
        }

        .dl-step {
          display: flex;
          align-items: flex-start;
          gap: 0.75rem;
          text-align: left;
          max-width: 180px;
        }

        .dl-step-num {
          width: 28px;
          height: 28px;
          background: #0D4E88;
          color: #fff;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: var(--type-sm);
          font-weight: 600;
          flex-shrink: 0;
        }

        .dl-step-text {
          font-size: var(--type-sm);
          color: #495057;
          line-height: var(--lh-normal);
        }

        /* Link */
        .dl-links {
          margin-top: 2.5rem;
          text-align: center;
        }

        .dl-links a {
          color: #6c757d;
          text-decoration: none;
          font-size: var(--type-sm);
        }

        .dl-links a:hover {
          color: #0D4E88;
        }

        /* Info-Icon Farbe */
        .dl-info-icon {
          width: 18px;
          height: 18px;
          color: #0D4E88;
          vertical-align: middle;
        }