.footer {
	font-size: 0.85em;
	color: #888;
}

.footer-hr {
	margin-top: 2em; 
	border: 0; 
	border-top: 1px solid #eee;
}

.highlight {
	font-weight: 900;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	margin-left: 5px;
}

.autor-bild {
  float: right;
  margin: 0 0 15px 15px; /* Abstand unten und links zum Text */
  width: 300px;
  height: auto; /* Behält das Seitenverhältnis bei */

    /* 1. Macht die schwarze Silhouette zu einem hellen Gold-Grau */
    /* Oder nutze 'invert(1)' für strahlendes Weiß */
    filter: sepia(1) saturate(5) hue-rotate(10deg) brightness(0.8);
    
    /* 2. Der goldene Glow passend zu deiner Variable */
    filter: drop-shadow(0 0 8px var(--gold));
    
    /* Sanfter Übergang beim Laden */
    transition: transform 0.3s ease;
}

/* Anpassung für Mobilgeräte (Bildschirm schmaler als 768px) */
@media (max-width: 768px) {
  .autor-bild {
    width: 50%; /* Hier die gewünschte kleinere Breite für Handys */
    margin: 0 0 10px 10px; /* Kleinere Abstände für kleine Bildschirme */
  }
}