body {
                font-family: Arial, sans-serif;
                margin: 0;
                padding: 0;
                background-color: #ffff99; /* Gelber Hintergrund */
                display: flex;
                justify-content: center;
                align-items: flex-start; /* Inhalt oben beginnen lassen */
                min-height: 100vh; /* Mindesthöhe anpassen */
                overflow-y: auto; /* Vertikales Scrollen erlauben */
            }
            .container {
                text-align: center;
                background-color: #fff;
                padding: 20px;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                border-radius: 8px;
                margin-top: 60px; /* Platz für den fixierten Header */
				max-width: 550px;
				width: 100%;
            }
			.title-row {
				display: flex;
				justify-content: center;   /* NEU → zentriert horizontal */
				align-items: center;        /* zentriert vertikal */
				text-align: center;
				gap: 8px;
			}
            h1 {
                color: #00008b; /* Dunkelblau */
            }
            ul {
                list-style-type: none;
                padding: 0;
                text-align: left; /* Linksbündig */
            }
            li {
                background-color: #e4e4e4;
                margin: 5px 0;
                padding: 10px;
                border-radius: 5px;
            }
			.field {
				margin-bottom: 10px;
				box-sizing: border-box;
				position: relative;
			}
			form {
				display: inline-block;
				margin-right: 20px; /* Abstand zwischen den Forms */
				border-radius: 5px;
			}
            .form-group {
                display: flex;
                justify-content: space-between; /* Elemente nebeneinander anzeigen */
                gap: 10px; /* Abstand zwischen den Elementen */
                margin-top: 10px;
                align-items: center; /* Vertikale Ausrichtung */
            }
			.form-group-text {
				display: flex;
				flex-direction: column;
				align-items: center;
				gap: 10px;
				margin-top: 10px;
			}
			.form-group-text input[type="text"], .form-group-text input[type="password"] {
				width: 200px;
				padding: 10px;
				border-radius: 5px;
				border: 1px solid #ccc;
			}
			.form-row {
				display: flex;
				gap: 10px;
				margin-bottom: 10px;
			}
			.form-row input[type="text"] {
				width: 150px;
				padding: 5px;
				border: 1px solid #ccc;
				border-radius: 3px;
			}
			.form-row input[name="zeit[]"] {
				width: 40px;
			}
			.form-row input[name="datum[]"] {
				width: 68px;
			}
			.form-row input[name="ueber[]"] {
				width: 450px;
			}
			.form-row input[name="orte[]"] {
				width: 160px;
			}
			.form-row input[name="postf[]"] {
				width: 150px;
			}
            select, input[type="text"], button {
                padding: 10px;
                border-radius: 5px;
                border: 1px solid #ccc;
            }
            input[type="text"] {
                width: 400px; /* Setzt die Breite des Textfelds auf 400px */
            }
            input[name="postf1"], input[name="selectedOrt"] {
                width: 200px; /* Setzt die Breite der Textfelder postf1 und selectedOrt auf 200px */
            }
            textarea {
                width: 400px;
                padding: 10px;
                border-radius: 5px;
                border: 1px solid #ccc;
                resize: none;
            }
            img {
                width: 300px;
                height: auto;
                margin-bottom: 10px;
            }
            button {
                background-color: #007bff;
                color: white;
                cursor: pointer;
            }
			button:hover {
				background-color: #0056b3;
				transform: scale(1.05);
			}
			.entry {
				border: 1px solid #ccc;
				border-radius: 5px;
				padding: 10px;
				margin-bottom: 10px;
			}
			.entry:hover {
				background-color: #f9f9f9;
				transform: scale(1.02);
				transition: 0.2s ease;
			}
			.message {
				background-color: #d4edda;
				color: #155724;
				padding: 15px;
				border: 1px solid #c3e6cb;
				border-radius: 5px;
				font-size: 18px;
				text-align: center;
				box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
			}
			.error-message {
				color: red;
				font-weight: bold;
				margin-top: 10px;
			}
			.error {
				color: red;
			}
            .success {
                color: green;
                font-weight: bold;
            }
			.success-message {
				color: green;
				font-weight: bold;
				margin-top: 10px;
			}
			.result {
				position: absolute;
				bottom: 10px;
				left: 10px;
				text-align: left;
			}
			.char-counter {
				position: absolute; /* Relativ zur Position des Containers */
				bottom: -10px; /* 20px unterhalb der textarea */
				right: 10px; /* Abstand von der rechten Seite */
				font-size: 12px; /* Schriftgröße für den Counter */
				color: #666; /* Farbe für den Counter */
				font-weight: normal; /* Standard-Schriftgewicht */
            }
			a {
				text-decoration: none; /* Entfernt die Unterstreichung */
			}
            .footer {
                position: fixed;
                bottom: 10px;
                left: 10px;
                font-size: 12px;
                color: #333;
            }
            .row-inline {
                display: flex;
                flex-direction: row; /* Ordnet die Elemente nebeneinander an */
                justify-content: center; /* Zentriert die Elemente horizontal */
                align-items: center; /* Zentriert die Elemente vertikal */
                width: 100%;
            }
			.animated-underline {
				position: relative;
				display: inline-block;
				padding-bottom: 6px;
			}
			.animated-underline::after {
				content: "";
				position: absolute;
				left: 50%;
				bottom: 0;
				height: 3px;
				width: 0%;
				background-color: #007bff;
				border-radius: 2px;
				transform: translateX(-50%);
				animation: underlineCenter 5s ease-in-out infinite, glowPulse 2.5s ease-in-out infinite;
			}
			@keyframes underlineCenter {
				0%   { width: 0%; }
				50%  { width: 100%; }
				100% { width: 0%; }
			}