@font-face {
            font-family: 'pixel';
            src: url('pixel.woff2') format('woff2'),
                 url('pixel.woff') format('woff');
            font-weight: 500;
            font-style: normal;
            font-display: swap;
        }
		// <uniquifier>: Use a unique and descriptive class name
		// <weight>: Use a value from 200 to 900

		.reddit-sans-<uniquifier> {
		  font-family: "Reddit Sans", sans-serif;
		  font-optical-sizing: auto;
		  font-weight: <weight>;
		  font-style: normal;
		}
		
        body {
            margin: 0;
            padding: 0;
            background-image: url('Bilder/hintergrundbild.jpg');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            color: #E0EFFF; /* Heller Blauton für den Text */
            font-family: 'Reddit Sans',  sans-serif;
        }

        .navbar {
            background-color: #1B263B; /* Dunkles Blau für die Navigation */
        }

        .navbar-brand, .nav-link {
            color: #E0EFFF; /* Heller Blauton für Links in der Navigation */
            font-family: 'Reddit Sans', sans-serif;
        }
        .content {
            text-align: center;
            padding-top: 30px; /* Abstand vom oberen Rand */
        }
        .nav-link:hover {
            color: #F0FFFF; /* Sehr helles Blau für Hover-Effekt */
        }
		.no {
			text-align: center;
			padding: 20px;
		}
        .content {
            background-color: rgba(27, 38, 59, 0.8); /* Halbtransparentes Dunkelblau für den Inhaltsbereich */
            padding: 20px;
            border-radius: 10px;
        }

        .h1 {
            font-family: 'pixel';
            font-weight: 500;
			font-style: normal;
            font-size: 48px;
            color: #FFFFFF; /* Weiß für die Überschriften */
        }

        .ptext {
			font-family: 'Reddit Sans', sans-serif;
            color: #DCE3F0; /* Heller Blauton für den normalen Text */
        }

        .footer {
			font-family: Arial, sans-serif;
			font-size: 9px;
            position: fixed;
            bottom: 5px; /* Abstand vom unteren Rand */
			text-align: center;
            color: #DCE3F0; /* Heller Blauton für den Text in der Fußzeile */
        }

        .btn-primary {
            background-color: #1B263B; /* Dunkles Blau für Primärbutton */
            border: none;
        }

        .btn-primary:hover {
            background-color: #243B55; /* Etwas helleres Blau für Hover-Effekt */
        }

        .btn-secondary {
            background-color: #2C3E50; /* Dunkelgrau/Blau für Sekundärbutton */
            border: none;
        }

        .btn-secondary:hover {
            background-color: #34495E; /* Etwas helleres Grau/Blau für Hover-Effekt */
        }

        img {
            border-radius: 10px;
            margin: 10px 0;
        }
        .post-list {
            list-style-type: none;
            padding-left: 0;
        }
        .post-list li {
			border-radius: 10px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px;
            background-color: rgba(27, 38, 59, 0.8);
            margin-bottom: 10px;
        }
        .post-list li h2 {
            margin: 0;
            font-size: 0.85rem;
        }