.prompt-box {
			background-color: white;
			padding: 10px; /* Reduzierter Innenabstand */
			border-radius: 8px;
			box-shadow: 0 2px 4px rgba(0,0,0,0.1);
			margin-bottom: 10px; /* Kleinerer Abstand zwischen den Boxen */
			max-width: 800px; /* oder eine andere passende Breite */
			margin: 10px auto; /* Zentriert die Box, wenn weniger breit als der umgebende Container */
		}

		.prompt-text h4 {
			font-size: 16px; /* Kleinere Schriftgröße für den Titel */
			margin: 5px 0; /* Reduzierter Abstand */
			white-space: pre-wrap; /* Bewahrt Umbrüche und Leerzeichen */
		}

		.prompt-text p {
			font-size: 14px; /* Kleinere Schriftgröße für den Paragrafen */
			margin: 5px 0;
			white-space: pre-wrap; /* Bewahrt Umbrüche und Leerzeichen */
		}
				
		.voteBtn:before, .copyBtn:before, .deleteBtn:before {
			display: inline-block;
			margin-right: 5px;
			font-size: 20px; /* Icon-Größe */
		}

		.copyBtn:before {
			content: "\2398"; /* Kopieren-Symbol */
		}

		.deleteBtn:before {
			content: "\1F5D1"; /* Löschen-Symbol */
		}

		.upvote:before {
			content: "\2191"; /* Pfeil nach oben für Upvote */
		}

		.downvote:before {
			content: "\2193"; /* Pfeil nach unten für Downvote */
		}

		.voteBtn:before {
			display: inline-block;
			margin-right: 5px;
			font-size: 16px; /* Icon-Größe */
			/* Weitere Stilisierungen hier, falls nötig */
		}


		.deleteBtn {
			color: #dc3545; /* Rote Farbe für den Löschbutton */
		}

		.copyBtn, .deleteBtn {
			cursor: pointer;
			border: none;
			background-color: transparent; /* Transparenter Hintergrund */
		}
		
		.ai-chat-link-container {
			text-align: center;
			margin-top: 20px;
			margin-bottom: 20px;
		}

		.ai-chat-link {
			display: inline-block;
			background-color: #007bff; /* Blaue Hintergrundfarbe */
			color: white; /* Weiße Textfarbe */
			padding: 10px 20px;
			text-decoration: none; /* Keine Unterstreichung */
			border-radius: 5px; /* Abgerundete Ecken */
			font-weight: bold; /* Fettschrift */
			box-shadow: 0 2px 4px rgba(0,0,0,0.2); /* Schatten für 3D-Effekt */
			transition: background-color 0.3s ease; /* Sanfter Farbwechsel */
		}

		.ai-chat-link:hover {
			background-color: #0056b3; /* Dunklere Blaufarbe beim Hover */
		}

		.button-row button {
			display: inline-block;
			background-color: #007bff; /* Blauer Hintergrund */
			color: white;
			border: none;
			cursor: pointer;
			border-radius: 4px;
			transition: background-color 0.3s ease;
			font-size: 16px; /* Vergrößerte Icons */
			padding: 8px 12px; /* Größeres Padding für besseren Klickbereich */
			margin: 2px;
		}
		
		.button-row button:hover {
			background-color: #0056b3; /* Dunklerer Blau für Hover-Effekt */
		}
		
		/* Zusätzliche Stildefinitionen für spezielle Buttons */
		.copyBtn, .editBtn {
			text-decoration: none;
			color: white; /* Textfarbe */
		}	
		
		textarea {
			font-size: 14px; /* Kleinere Schrift in Textfeldern */
		}

	
		#promptForm {
			display: none;
		}
		.tabcontent {
			display: none;
			padding: 6px 12px;
			border: 1px solid #ccc;
			border-top: none;
		}

		/* Style the buttons inside the tab */
		.tablinks {
			background-color: inherit;
			float: left;
			border: none;
			outline: none;
			cursor: pointer;
			padding: 14px 16px;
			transition: 0.3s;
		}

		/* Change background color of buttons on hover */
		.tablinks:hover {
			background-color: #ddd;
		}

		/* Create an "active" class for buttons that are pressed */
		.tablinks.active {
			background-color: #ccc;
		}
		
		body {
			font-family: 'Arial', sans-serif;
			background-color: #f4f4f4;
			margin: 0;
			padding: 20px;
			color: #333;
		}

		
		, input[type=submit] {
			padding: 5px 10px; /* Kleineres Padding für Buttons */
			font-size: 14px; /* Kleinere Schrift */
			background-color: #007bff;
			color: white;
			border: none;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			margin: 4px 2px;
			cursor: pointer;
			border-radius: 5px;
			transition: background-color 0.3s ease;
		}

		button:hover, input[type=submit]:hover {
			background-color: #0056b3;
		}

		form {
			background-color: white;
			padding: 5px;
			border-radius: 8px;
			margin-bottom: 20px;
		}

		input[type=text], textarea, select {
			width: 100%;
			padding: 12px 20px;
			margin: 8px 0;
			display: inline-block;
			border: 1px solid #ccc;
			border-radius: 4px;
			box-sizing: border-box;
		}

		.tablinks.active, .tablinks:hover {
			background-color: #ddd;
		}
		
		/* Style the text color of the buttons and the content inside the tabs */
		.tablinks, .tabcontent {
			color: #333; /* Dunkelgrau für bessere Lesbarkeit */
		}

		/* Adjust the active tab button text color if needed */
		.tablinks.active {
			color: #000; /* Noch dunkler für aktive Tabs */
		}

		/* Change the text color on hover */
		.tablinks:hover {
			color: #000; /* Dunkel für Hover-Status */
		}
		
		.tablinks, .tabcontent {
		}

		.tabcontent {
			background-color: white;
			padding: 20px;
			border-radius: 8px;
			margin-top: 10px;
		}