body {
            font-family: Arial;
        }

        nav ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            gap: 20px;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            background-color: #F8F3E5;
            margin-left: -10px;
            margin-top: -10px;
            margin-right: -10px;
            padding: 20px;
            align-items: center;
        }

        nav a {
            text-decoration: none;
            color: #564B4B;
            font-weight: 500;
            font-weight: bold;
            font-size: large;
        }

        nav a:hover {
            color: #8C9E4B;
        }

        #Eiernest {
            font-size: 1.5em;
        }
        #Content{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
        }
        .btn-modern {
            background: #F8F3E5;
            color: #564B4B;
            border: black solid 1px;
            padding: 14px 28px;
            font-size: 1rem;
            font-weight: 600;
            border-radius: 12px;
            cursor: pointer;
            box-shadow: 0 6px 0 #564B4B;
            transition:
                transform 0.15s ease,
                box-shadow 0.15s ease;
            margin: 10px;

        }

        /* Hover */
        .btn-modern:hover {
            background: #7E8F45;
        }

        .btn-modern:active {
            transform: translateY(6px);
            box-shadow: 0 0 0 #564B4B;
        }

        .btn-modern:focus-visible {
            outline: 3px solid #564B4B;
            outline-offset: 3px;
        }

        input {
            border: 2px solid #ccc;
            /* normale Umrandung */
            padding: 10px;
            font-size: 16px;
            border-radius: 5px;
            transition: border-color 0.3s ease;
        }

        input:focus {
            border-color: #7E8F45;
            /* orange Umrandung beim Fokus */
            outline: none;
            /* entfernt den Standard-Fokus-Ring */
        }