/* --- Modernes Impressum-Design --- */
body {
	background: var(--bg);
	color: var(--text);
	margin: 0;
	padding: 0;
	font-family: var(--font);
}

.imp-title {
	text-align: center;
	font-size: 2.2rem;
	margin-bottom: 25px;
	color: var(--accent);
	font-weight: 700;
}

.imp-text a:hover {
	text-decoration: underline;
}

.imp-buttons {
	text-align: center;
	margin-top: 20px;
}

.imp-start-btn {
	display: inline-block;
	background: #e89b2c; /* warmes Orange */
	color: white;
	padding: 12px 22px;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 600;
	box-shadow: var(--shadow);
	transition: 0.25s ease;
}

.imp-start-btn:hover {
	background: #c46a1b;
	transform: translateY(-2px);
	box-shadow: var(--shadow-strong);
}

.animated-underline {
	text-align: center;
	display: block;
	margin: 0 auto 25px auto;
}

@keyframes fadeIn {
	from { opacity: 0; transform: translateY(8px); }
	to   { opacity: 1; transform: translateY(0); }
}

.imp-section-title {
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: 10px;
    color: #c46a1b;
}

.imp-text a {
    color: #c46a1b;
    font-weight: 500;
}

.imp-logo {
    width: 120px;
    margin: 0 auto 20px auto;
    display: block;
    border-radius: 8px;
}
.imp-container {
    max-width: 720px;
    margin: 60px auto;
    padding: 45px;
    background: var(--hell);
    border-radius: 18px;

    /* Dreifach breiter, edler Rahmen */
    border: 3px solid rgba(196,106,27,0.45);

    /* Eleganter, weicher Schatten */
    box-shadow:
        0 12px 32px rgba(196,106,27,0.18),
        0 4px 12px rgba(0,0,0,0.08);

    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

body.darkmode .imp-container {
    background: var(--dunkel);

    /* Rahmen im Darkmode etwas kräftiger */
    border: 3px solid rgba(196,106,27,0.55);

    box-shadow:
        0 12px 32px rgba(0,0,0,0.65),
        0 4px 12px rgba(0,0,0,0.4);
}

/* Leichter Hover-Effekt für Eleganz */
.imp-container:hover {
    transform: translateY(-3px);
    box-shadow:
        0 16px 40px rgba(196,106,27,0.22),
        0 6px 16px rgba(0,0,0,0.12);
}

.imp-box {
    padding: 28px 32px;
    border-left: 4px solid #c46a1b;
    background: rgba(196,106,27,0.06);
    border-radius: 12px;
}

body.darkmode .imp-box {
    background: rgba(196,106,27,0.14);
}