body {
            background-color: #121212;
            color: #ffffff;
            margin: 0;
            padding: 0;
            background-image: url('../img/photo-1447933601403-0c6688de566e_Kopie.jpeg');
            background-size: cover;
            background-attachment: fixed;
            position: relative;
        }

        .card {
            background-color: #1e1e1e;
        }

        .btn {
            padding: 10px 20px; /* Mehr Innenabstand für den Button */
            border: 2px solid #ffffff; /* Größerer Border für den Button */
        }

        .rating {
            display: flex;
            gap: 5px;
            align-items: center;
            margin-top: 5px;
        }

        .coffee-bean {
            color: #6b4e16; /* Braunfarbe für Kaffeebohnen */
            font-size: 20px;
        }

        .category {
            font-size: 0.9em;
            color: #bbb;
            margin-bottom: 5px;
        }

        footer a {
            color: #f4e4d7; /* Ein sehr helles Creme, das sich sanft vom braunen Hintergrund abhebt */
            text-decoration: underline; /* Beibehalten der Unterstreichung für die Linkerkennung */
            transition: color 0.3s; /* Glatter Farbwechsel beim Hovern beibehalten */
        }

        footer a:hover {
            color: #f9efe0; /* Eine noch hellere Creme-Farbe beim Hovern */
        }