/* Nur fuer /pages/publications.html.
 *
 * Stand als <style>-Block im Dokument. Solange das so war, musste die
 * Content-Security-Policy style-src 'unsafe-inline' erlauben — und damit
 * auch jeden eingeschleusten Stil.
 *
 * Eigene Datei und nicht assets/css/eigen.css, weil diese Regeln nur auf
 * dieser einen Seite gelten sollen. Das ist hier keine Ordnungsfrage: der
 * Block von pages/contact.html setzt Regeln fuer body, die auf jeder
 * anderen Seite das Layout verschoeben. */

.filter-text {
            cursor: pointer;
            margin: 0 10px;
            font-size: 16px;
            font-weight: 500;
            transition: all 0.3s ease;
            color: #333;
            padding: 5px 10px;
            display: inline-block;
            border-bottom: 2px solid transparent;
        }

        .filter-text:hover {
            transform: translateY(-3px);
            color: #FF6E42;
            text-shadow: 0 2px 8px rgba(255, 110, 66, 0.3);
            border-bottom-color: #FF6E42;
        }

        .filter-text.active {
            color: #FF6E42;
            border-bottom-color: #FF6E42;
            font-weight: 700;
        }

        #publications-filter-title {
          font-weight: 600;
          color: #222;
        }

        #publications-filter-text {
          color: #666;
          max-width: 720px;
          margin: 0 auto;
        }

        #publications-filter-description {
          text-align: right;
          min-height: 64px;
        }

        #publications-filter-description .filter-copy {
          margin-left: auto;
        }

        @media (max-width: 767.98px) {
          #publications-filter-description {
            text-align: left;
            margin-top: 10px;
          }

          #publications-filter-description .filter-copy {
            margin-left: 0;
          }
        }