/* Gesamter Bereich */
	.fav-container {
		max-width: 900px;
		margin: 0 auto;
		padding: 20px;
	}
	/* Such- und Sortierbox */
	.fav-tools {
		background: #fff7e6;
		border: 2px solid #e89b2c;
		padding: 15px;
		border-radius: 10px;
		margin: 20px auto;
		text-align: center;
		box-shadow: 0 3px 10px rgba(0,0,0,0.08);
	}
	body.dark .fav-tools {
		background: #2a2a2a;
		border-color: #666;
	}
	/* Eintragsbox */
	.fav-entry {
		background: #ffffff;
		border: 2px solid #e89b2c;
		border-radius: 10px;
		padding: 15px 20px;
		margin: 15px auto;
		box-shadow: 0 3px 10px rgba(0,0,0,0.08);
		position: relative;
		transition: 0.2s ease;
	}
	.fav-entry:hover {
		transform: translateY(-3px);
		box-shadow: 0 5px 14px rgba(0,0,0,0.12);
	}
	body.dark .fav-entry {
		background: #222;
		border-color: #666;
	}
	/* Entfernen-Button */
	.fav-remove-btn {
		background: #cc0000;
		color: #fff;
		border: none;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		font-size: 18px;
		cursor: pointer;
		transition: 0.2s ease;
	}
	.fav-remove-btn:hover {
		background: #e60000;
		transform: translateY(-2px);
	}
	/* Tooltip */
	.fav-remove-wrapper {
		position: relative;
	}
	.fav-remove-tooltip {
		position: absolute;
		top: -35px;
		right: 0;
		background: #fff7d1;
		padding: 6px 10px;
		border-radius: 6px;
		font-size: 13px;
		white-space: nowrap;
		opacity: 0;
		visibility: hidden;
		transition: 0.2s ease;
		box-shadow: 0 2px 6px rgba(0,0,0,0.2);
	}
	.fav-remove-wrapper:hover .fav-remove-tooltip {
		opacity: 1;
		visibility: visible;
	}
	body.dark .fav-remove-tooltip {
		background: #333;
		color: #eee;
	}
	/* Orange Button (universell) */
	.btn-orange {
		background: #e89b2c;
		color: #fff;
		border: none;
		padding: 12px 24px;
		border-radius: 6px;
		font-weight: 600;
		cursor: pointer;
		transition: 0.25s ease;
		display: inline-block;
		text-decoration: none;
	}
	.btn-orange:hover {
		background: #ffb347;
		transform: translateY(-3px);
	}
	body.dark .btn-orange {
		background: #b8741f;
	}
	body.dark .btn-orange:hover {
		background: #d48a28;
	}
	/* LISTENLAYOUT */
	.liste-wrapper {
		width: 90%;
		max-width: 900px;
		margin: 40px auto;
	}
	.liste-title {
		text-align: center;
		font-size: 2rem;
		margin-bottom: 25px;
		color: #5a3e1b;
	}
	body.dark .liste-title { color: #fff; }
	.eintrag-box {
		background: #fff7e6;
		border: 2px solid #f2d7a6;
		border-radius: 10px;
		padding: 18px;
		margin-bottom: 18px;

		transition: 0.25s ease;
		box-shadow: 0 4px 0 rgba(0,0,0,0.25);
	}
	.eintrag-box:hover {
		background: #ffefcc;
		transform: translateY(-6px);
		box-shadow:
			0 10px 0 rgba(0,0,0,0.25),
			0 14px 18px rgba(0,0,0,0.15);
	}
	body.dark .eintrag-box {
		background: #222;
		border-color: #444;
		box-shadow: 0 4px 0 rgba(255,255,255,0.15);
	}
	body.dark .eintrag-box:hover {
		background: #2c2c2c;
	}
	.eintrag-titel {
		font-size: 1.3rem;
		font-weight: bold;
		margin-bottom: 6px;
		color: #5a3e1b;
	}
	body.dark .eintrag-titel { color: #fff; }
	.eintrag-meta {
		font-size: 0.9rem;
		color: #7a5a3a;
		margin-bottom: 10px;
	}
	body.dark .eintrag-meta { color: #ccc; }
	.eintrag-text {
		font-size: 1rem;
		color: #5a3e1b;
	}
	body.dark .eintrag-text { color: #eee; }
	.floating-start-btn {
		position: fixed;
		top: 20px;
		right: 20px;
		background: #ffffff;
		color: #5a3e1b;
		padding: 10px 18px;
		border-radius: 6px;
		font-weight: 600;
		font-size: 15px;
		text-decoration: none;
		border: 1px solid #d8c4a3;
		box-shadow: 0 2px 6px rgba(0,0,0,0.12);
		transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.12s ease;
		z-index: 9999;
	}
	/* Tooltip-Basis */
	.eintrag-box {
		position: relative;
	}
	/* Tooltip-Design */
	.eintrag-box::after {
		content: attr(data-tip);
		position: absolute;
		bottom: 110%;
		left: 50%;
		transform: translateX(-50%);
		background: #fff7d1;
		color: #333;
		padding: 6px 10px;
		border-radius: 6px;
		font-size: 13px;
		white-space: nowrap;
		box-shadow: 0 2px 6px rgba(0,0,0,0.2);

		opacity: 0;
		visibility: hidden;
		transition: opacity 0.2s ease;
		pointer-events: none;
		z-index: 9999;
	}
	/* Tooltip sichtbar beim Hover */
	.eintrag-box:hover::after {
		opacity: 1;
		visibility: visible;
	}
	/* Darkmode */
	body.dark .eintrag-box::after {
		background: #333;
		color: #eee;
		box-shadow: 0 2px 6px rgba(255,255,255,0.15);
	}
	.floating-start-btn:hover {
		background: #f7f1e6;
		box-shadow: 0 4px 12px rgba(0,0,0,0.18);
	}
	.floating-start-btn:active {
		transform: scale(0.96);
	}
	/* Löschbutton */
	.fav-remove-btn {
		background:#ffe1d6;
		border:1px solid #ffb8a4;
		color:#a33;
		border-radius:6px;
		padding:4px 8px;
		cursor:pointer;
		font-size:14px;
		font-weight:bold;
		position:relative;
	}
	/* Tooltip */
	.fav-remove-btn::after {
		content: attr(data-tip);
		position: absolute;
		top: -38px;
		right: 0;
		transform: translateX(20%);
		background: #fff7d1;
		color: #333;
		padding: 6px 10px;
		border-radius: 6px;
		font-size: 13px;
		white-space: nowrap;
		box-shadow: 0 2px 6px rgba(0,0,0,0.2);

		opacity: 0;
		visibility: hidden;
		transition: opacity 0.2s ease;
		pointer-events: none;
		z-index: 9999;
	}
	/* Tooltip sichtbar */
	.fav-remove-btn:hover::after {
		opacity: 1;
		visibility: visible;
	}
	/* Darkmode */
	body.dark .fav-remove-btn::after {
		background: #333;
		color: #eee;
		box-shadow: 0 2px 6px rgba(255,255,255,0.15);
	}
	/* Creme-Look + Darkmode kompatibel */
	.top-bar {
		display:flex;
		justify-content:space-between;
		align-items:center;
		margin:25px 0;
		flex-wrap:wrap;
		gap:10px;
	}
	.search-input {
		padding:10px;
		border-radius:8px;
		border:1px solid #d8c4a3;
		background:#fff7e6;
		width:260px;
	}
	body.dark .search-input {
		background:#222;
		color:#eee;
		border-color:#444;
	}
	.limit-select {
		padding:10px;
		border-radius:8px;
		border:1px solid #d8c4a3;
		background:#fff7e6;
	}
	body.dark .limit-select {
		background:#222;
		color:#eee;
		border-color:#444;
	}
	.sort-bar {
		text-align:center;
		margin-bottom:20px;
	}
	.sort-btn {
		background:none;
		border:none;
		color:#5a3e1b;
		font-weight:600;
		cursor:pointer;
		margin:0 8px;
	}
	body.dark .sort-btn { color:#eee; }

	.pagination {
		text-align:center;
		margin-top:25px;
	}
	.page-btn {
		display:inline-block;
		padding:8px 12px;
		margin:0 3px;
		background:#fff7e6;
		border:1px solid #d8c4a3;
		border-radius:6px;
		cursor:pointer;
		font-weight:600;
	}
	.page-active {
		background:#f2d7a6;
		font-weight:bold;
	}
	.eintrag-kategorie {
		font-size: 1.1rem;
		font-weight: 600;
		margin-bottom: 6px;
		display: flex;
		align-items: center;
		gap: 6px;
		color: #5a3e1b;
	}
	body.dark .eintrag-kategorie {
		color: #eee;
	}
	.kat-icon {
		font-size: 1.4rem;
	}
	.kat-name {
		font-size: 1.1rem;
	}
	.sort-btn {
		background:none;
		border:none;
		color:#5a3e1b;
		font-weight:600;
		cursor:pointer;
		margin:0 8px;
		padding:4px 6px;
		border-radius:6px;
		transition:0.2s ease;
	}
	.sort-btn:hover {
		background:#f2d7a6;
	}
	.sort-active {
		background:#c46a1b;
		color:white !important;
		border-radius:6px;
		padding:4px 6px;
	}
	body.dark .sort-btn {
		color:#eee;
	}
	body.dark .sort-btn:hover {
		background:#444;
	}
	body.dark .sort-active {
		background:#c46a1b;
		color:white !important;
	}