/* ===================================
   FOOTER – mit Rahmen
=================================== */
footer {
    position: relative;
    width: auto;
	height: auto;
    max-width: auto;
    margin: 40px auto 20px auto;

    /* 1. Rahmen oben
       2. Hintergrund unten */
    background-image:
        url('../images/rahmen2.png'),
        url('../images/content_bg.png');

    background-repeat: no-repeat, no-repeat;
    background-position: center, center;

    /* Rahmen füllt den Footer komplett */
    background-size: 95% 95%, 85% 85%;

    padding: 40px 30px 60px 30px; /* unten extra Abstand */
    border: none; /* alte Linie entfernen */
    box-shadow: 0 -4px 12px rgba(0,0,0,0.4);
    text-align: center;
}

/* Footer Text */
footer p {
    margin: 8px 0;
    color: #e8d7a8;
    font-size: 15px;
    text-shadow: 0 0 6px rgba(255,215,0,0.45);
}

/* Footer Links */
footer a {
    color: #ffd97a;
    font-weight: bold;
    text-decoration: none;
    padding: 0 6px;
    transition: 0.25s ease;
}

footer a:hover {
    color: #ffffff;
    text-shadow: 0 0 10px gold;
}