article h1 {
    font-weight: 600; /* Dicke der Schrift */
    background: linear-gradient(145deg, #ffff00, #00ffff, #ff69b4, #00ff00); /* Farbverlauf für den Text */
    -webkit-background-clip: text; /* Damit der Verlauf nur auf den Text angewendet wird */
    background-clip: text; /* Für den Farbverlauf im Text */
    color: transparent; /* Textfarbe transparent, damit der Verlauf sichtbar wird */
    margin: 0px 0px 3rem 0px;
    padding: 0;
    text-align: center;
    font-size: clamp(1.5rem, 1.84rem, 2rem);
}

article h2 {
    text-align: center;
    color: crimson;
    animation: glow-blink 1s infinite;
    font-size: clamp(1.5rem, 2rem, 2.5rem);
}

@keyframes glow-blink {
    0% { text-shadow: 0 0 10px crimson; }
    50% { text-shadow: 0 0 20px gold; }
    100% { text-shadow: 0 0 10px crimson; }
}

article h3 {
    text-align: center;
    background: linear-gradient(90deg, #00ffff, #00ff00, #ffff00, #ff69b4, #00ffff);
    /*background: linear-gradient(137deg, darkorange, dodgerblue, darkmagenta, dodgerblue, darkorange);*/
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: clamp(1rem, 1.37rem, 1.5rem);
    animation: gradientMove 9s linear infinite;
    background-size: 200% 100%;
    margin: 0;
}

/* Keyframes für die Bewegung des Farbverlaufs im Text */
@keyframes gradientMove {
    0% {
        background-position: 0% 0%; /* Startposition */
    }
    100% {
        background-position: 200% 0%; /* Ende der Animation, der Verlauf bewegt sich weiter */
    }
}

article h4 {
    text-align: center;
    font-size: clamp(0.75rem, 2vw, 1.5rem);
    margin: 0.5dvh;
}

article p {
    text-align: justify;
    text-justify: inter-character;
    hyphens: auto;
    word-break: break-word;
    font-size: clamp(0.84rem, 1rem, 1.37rem);
}

article a {
    text-decoration: none;
    color: crimson;
    font-weight: 800;
    cursor: crosshair;
}


/* Für die MoonBrix Aktionen */
article:first-of-type ul {
    list-style-type: none; /* Standard-Bullets entfernen */
    counter-reset: action-counter; /* Zähler starten */
    padding-left: 0;
}

article:first-of-type ul li {
    counter-increment: action-counter; /* Zähler hochzählen */
    margin-bottom: 0.7em;
    font-family: "Courier New", monospace; /* Techy Font */
    background: #1a1a1a; /* dunkler Hintergrund für jeden Punkt */
    color: #f5f5f5;
    padding: 0.5em 0.8em;
    border-left: 4px solid #ffcc00; /* so eine Art „Protokoll-Rahmen“ */
    position: relative;
}

/* Zahl vorne einfügen */
article:first-of-type ul li::before {
    content: counter(action-counter) ". ";
    font-weight: bold;
    color: #ffcc00;
    position: absolute;
    left: -2.2em;
}