/* Nur fuer /downloads */

/* Kategorie-Header (Anchor-Sprungziel) */

.doc-category-header {
      display: flex;
      align-items: flex-start;
      gap: 1.25rem;
      margin-bottom: 2.25rem;
      padding-bottom: 1.5rem;
      border-bottom: 2px solid #f0f2f4;
    }

.doc-category-icon {
      flex-shrink: 0;
      width: 56px;
      height: 56px;
      border-radius: 14px;
      background: rgba(247,139,119,.12);
      color: #f78b77;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1.6rem;
    }

.doc-category-text h3 {
      margin: 0 0 .35rem 0;
      font-size: 1.6rem;
      color: #343f52;
    }

.doc-category-text p {
      margin: 0;
      color: #60697b;
      font-size: .95rem;
      line-height: 1.55;
    }

/* Document-Card */

.doc-card {
      display: flex;
      align-items: stretch;
      gap: 1.25rem;
      padding: 1.5rem;
      background: #fff;
      border: 1.5px solid #e9ebec;
      border-radius: 16px;
      transition: all .25s ease;
      height: 100%;
    }

.doc-card:hover {
      border-color: #f78b77;
      box-shadow: 0 12px 30px rgba(247,139,119,.15);
      transform: translateY(-2px);
    }

.doc-card-highlight {
      border-color: #2e7d32;
      background: linear-gradient(180deg, #f3faf5 0%, #ffffff 60%);
    }

.doc-card-highlight:hover {
      border-color: #2e7d32;
      box-shadow: 0 12px 30px rgba(46,125,50,.15);
    }

.doc-card-pending {
      background: #fafbfc;
      opacity: .85;
    }

.doc-card-pending:hover {
      border-color: #c4c9d0;
      box-shadow: 0 6px 18px rgba(0,0,0,.05);
    }

.doc-card-icon {
      flex-shrink: 0;
      width: 64px;
      height: 64px;
      border-radius: 14px;
      background: rgba(247,139,119,.10);
      color: #f78b77;
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      position: relative;
      font-size: 1.5rem;
    }

.doc-card-highlight .doc-card-icon {
      background: rgba(46,125,50,.12);
      color: #2e7d32;
    }

.doc-card-pending .doc-card-icon {
      background: #f0f2f4;
      color: #8a9098;
    }

.doc-card-ext {
      position: absolute;
      bottom: -8px;
      right: -8px;
      background: #343f52;
      color: #fff;
      font-size: .6rem;
      font-weight: 700;
      letter-spacing: .05em;
      padding: .2rem .45rem;
      border-radius: 5px;
    }

.doc-card-body {
      flex: 1;
      min-width: 0;
      display: flex;
      flex-direction: column;
    }

.doc-card-title {
      margin: 0 0 .5rem 0;
      font-size: 1.05rem;
      color: #343f52;
      line-height: 1.4;
    }

.doc-card-desc {
      margin: 0 0 .85rem 0;
      font-size: .88rem;
      color: #60697b;
      line-height: 1.55;
      flex: 1;
    }

.doc-card-meta {
      display: flex;
      flex-wrap: wrap;
      gap: .75rem 1.1rem;
      font-size: .78rem;
      color: #8a9098;
    }

.doc-card-meta span {
      display: inline-flex;
      align-items: center;
      gap: .35rem;
    }

.doc-card-meta i {
      font-size: .95rem;
    }

.doc-card-action {
      flex-shrink: 0;
      display: flex;
      align-items: center;
    }

.doc-card-action .btn { white-space: nowrap; }

/* Tags */

.doc-tag {
      display: inline-block;
      font-size: .65rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .08em;
      padding: .25rem .55rem;
      background: #f0f2f4;
      color: #60697b;
      border-radius: 5px;
      margin-bottom: .55rem;
    }

.doc-tag-highlight {
      background: rgba(46,125,50,.15);
      color: #1e6e3a;
    }

.doc-tag-pending {
      background: #fff3cd;
      color: #856404;
    }

/* Responsive */

@media (max-width: 768px) {
      .doc-card {
        flex-direction: column;
        gap: 1rem;
      }
      .doc-card-icon {
        width: 52px;
        height: 52px;
        font-size: 1.3rem;
      }
      .doc-card-action {
        align-items: flex-start;
      }
      .doc-category-header {
        gap: 1rem;
        margin-bottom: 1.75rem;
      }
      .doc-category-icon {
        width: 48px;
        height: 48px;
        font-size: 1.4rem;
      }
      .doc-category-text h3 {
        font-size: 1.35rem;
      }
    }

/* Quick-Nav (Sticky Inhaltsverzeichnis) */

.download-quicknav {
      display: flex;
      flex-wrap: wrap;
      gap: .6rem;
      margin-top: 2rem;
    }

.download-quicknav a {
      display: inline-flex;
      align-items: center;
      gap: .5rem;
      padding: .55rem 1.1rem;
      background: #fff;
      border: 1.5px solid #e9ebec;
      border-radius: 100px;
      font-size: .88rem;
      font-weight: 500;
      color: #343f52;
      transition: all .2s ease;
    }

.download-quicknav a:hover {
      border-color: #f78b77;
      color: #f78b77;
      transform: translateY(-1px);
    }

.download-quicknav a i {
      font-size: 1.05rem;
      color: #f78b77;
    }

/* Smooth scroll for anchors */

html { scroll-behavior: smooth; }

/* Hinweis-Box */

.download-notice {
      background: #fff;
      border: 1.5px solid #e9ebec;
      border-radius: 14px;
      padding: 1.5rem 1.75rem;
      display: flex;
      align-items: flex-start;
      gap: 1rem;
      margin-top: 2rem;
    }

.download-notice-icon {
      flex-shrink: 0;
      width: 42px;
      height: 42px;
      border-radius: 10px;
      background: rgba(247,139,119,.12);
      color: #f78b77;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1.2rem;
    }

.download-notice-text { font-size: .92rem; line-height: 1.55; color: #60697b; margin: 0; }

.download-notice-text strong { color: #343f52; }