/* =========================================
   ZUSATZ-STILE FÜR: DER GROSSE JANE AUSTEN BALL
   (Spiegelsaal Eichstätt)
   ========================================= */

/* 1. Kompromisslose, lückenlose Darstellung über die volle Breite (Logo & Zufallsbilder) */
.image-showcase {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
}

.image-showcase .logo-link {
    display: block;
    width: 100%;
    line-height: 0;
}

/* Erzwingt die volle Breite und entfernt jegliche Ränder oder Schatten. 
   Der Befehl "display" wurde hier bewusst weggelassen, um die Hover-Logik 
   der stylesheet.css (logo-standard vs. logo-hover) nicht zu zerstören! */
.image-showcase img,
.image-showcase #random-hist-img,
.image-showcase #random-real-img {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* 2. Nahtloser Anschluss an die historischen Trennlinien */
/* Hebt den standardmäßigen unteren Abstand der Trennlinie innerhalb des Showcases auf */
.image-showcase hr {
    margin: 0 !important;
    border-top: 1px solid var(--accent-blue);
}

/* 3. Hervorhebung der Zusatzinformationen (Gut zu wissen) - optional für künftige Asides */
aside.sub {
    max-width: 580px;
    margin: var(--grid-base) auto;
    padding: var(--grid-half) var(--grid-base);
    background-color: rgba(44, 61, 79, 0.03); 
    border-top: 1px solid var(--accent-orange);
    border-bottom: 1px solid var(--accent-orange);
    text-align: center;
    transition: background-color 0.3s ease;
}

aside.sub hr {
    display: none; 
}

aside.sub h4 {
    margin-top: 0;
    margin-bottom: 0.25rem;
}

aside.sub small {
    margin-bottom: 0;
}