/* GEMEINSAMES SETUP */
body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: #000; /* Schwarz */
    color: #fff; /* Weiß */
    font-family: 'Arial Black', sans-serif;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

a {
    text-decoration: none;
    transition: all 0.4s ease;
}

/* STARTSEITE (EFFAK STUDIO) */
.hero-link {
    display: flex;
    align-items: center;
    font-size: 8rem;
    font-weight: 900;
    color: #fff;
}

.extra {
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    white-space: nowrap;
    transition: all 0.5s ease-in-out;
}

.hero-link:hover .extra {
    max-width: 700px;
    opacity: 1;
    margin-left: 30px;
}

/* Hover-Farbe für Startseite: Royal Blue */
.hero-link:hover .brand, 
.hero-link:hover .extra {
    color: #4169E1;
}

/* MENÜSEITE (UNTEREINANDER) */
.menu-list {
    display: flex;
    flex-direction: column; /* Stapelt AUTOR, KÜNSTLER etc. */
    align-items: center;
    gap: 20px;
}

.item {
    color: #fff;
    font-size: 3rem;
    text-transform: uppercase;
}

.item:hover {
    color: #4169E1; /* Royal Blue */
    transform: scale(1.05);
}

/* LEGAL FOOTER (Impressum/Datenschutz) - Cleaner & Fine Look */
.legal-footer {
    position: absolute;
    bottom: 30px;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 40px;
}

.footer-link {
    /* Wir nutzen eine normale Arial ohne "Black" oder fettem Gewicht */
    font-family: 'Helvetica Neue', Arial, sans-serif; 
    font-size: 0.7rem;        /* Etwas kleiner für mehr Eleganz */
    font-weight: 300;         /* Extra dünn (Light) */
    letter-spacing: 1.5px;    /* Mehr Abstand zwischen den Buchstaben für den "Clean"-Look */
    text-transform: uppercase; /* Optional: Alles in Großbuchstaben sieht oft edler aus */
    color: #ffffff;
    opacity: 0.4;             /* Etwas mehr Transparenz im Ruhezustand */
    text-decoration: none;
    transition: all 0.4s ease;
}

.footer-link:hover {
    opacity: 1;
    color: #4169E1;           /* Dein Royal Blue */
    letter-spacing: 2px;      /* Minimales Aufweiten beim Hovern */
}