body.dark .floating-top-btn:hover,
body.dark .floating-start-btn:hover {
	background: #333 !important;
}
h2.animated-underline {
    color: #c46a1b;
    border-bottom: 2px solid #d8c4a3;
    padding-bottom: 6px;
}
.hilfe-wrapper {
    max-width: 900px;
    margin: 40px auto;
    padding: 40px;
    background: var(--hell); /* dein helles Weiß */
    border-radius: 14px;

    /* Dreifach dicker Goldrahmen */
    border: 3px solid rgba(196,106,27,0.35);

    /* Edler Schatten wie beim Impressum */
    box-shadow: 0 10px 28px rgba(196,106,27,0.18);
}

body.dark .hilfe-wrapper {
    background: var(--dunkel);
    border: 3px solid rgba(196,106,27,0.45);
    box-shadow: 0 10px 28px rgba(0,0,0,0.65);
}
.help-section {
    background: #fffdf8; /* warmes, leicht cremiges Weiß */
    border: 3px solid rgba(196,106,27,0.35); /* dreifach dicker Goldrahmen */
    border-radius: 12px;
    padding: 18px 22px;
    margin-top: 30px;
    box-shadow: 0 8px 20px rgba(196,106,27,0.18); /* edler Goldschatten */
    font-weight: 500;
    color: #5a3e1b; /* warmes Braun wie deine Buttons */
}

.help-section a {
    color: #5a3e1b;
    font-weight: 600;
    text-decoration: none;
}

.help-section a:hover {
    color: #c46a1b; /* goldener Hover */
}

body.dark .help-section {
    background: #1e1e1e;
    border: 3px solid rgba(196,106,27,0.45);
    box-shadow: 0 8px 20px rgba(0,0,0,0.55);
    color: #e8d9c2;
}

body.dark .help-section a {
    color: #e8d9c2;
}
.help-section {
	margin: 20px 0;
	padding: 20px;
	background: #fff7e6;
	border-radius: 10px;
	border: 1px solid #f2d7a6;
}
.help-section h3 {
	margin-top: 0;
	color: #c46a1b;
}
.help-section p {
	color: #5a3e1b;
	line-height: 1.6;
}
.help-list li {
	margin-bottom: 8px;
	color: #5a3e1b;
}
/* Floating Buttons */
body.dark .floating-top-btn,
body.dark .floating-start-btn {
	background: #2a2a2a !important;
	color: #ddd !important;
	border-color: #555 !important;
	box-shadow: 0 2px 6px rgba(0,0,0,0.4) !important;
}