/* General Styles */
body {
    margin: 0;
    font-family: Arial, sans-serif;
    color: #000;
    overflow-x: hidden;
}

/* Language Links Row */
.language-container {
    background: #000;
    padding: 0.6em 2em 0.6em 2em;
}

.language-container .right-links {
    display: flex;
    justify-content: flex-end;
}

.language-container .right-links a {
    color: white;
    text-decoration: none;
    padding: 1em;
}

.language-container .right-links a:hover {
    text-decoration: underline;
    color: #ffea00;
}
/* Top press release links that are inactive */
.language-container .right-links .inactive-links {
    color: #000;
    display: flex;
    justify-content: flex-end;
}

/* Logo and Menu Row */
.logo-menu-row {
    display: flex;
    justify-content: space-between;
    padding: 4em 2em 4em 2em;
    align-items: self-end;
    background: url('splitartprojects header.jpg') center/cover no-repeat;
}

/* Coup d'oeil Logo and Menu Row */
.couplogo-menu-row {
    display: flex;
    justify-content: space-between;
    padding: 4em 2em 4em 2em;
    align-items: self-end;
    background: url('Coup-doeil.jpg') center/cover no-repeat;
}

/* Silence of the Sirens Logo and Menu Row */
.silencelogo-menu-row {
    display: flex;
    justify-content: space-between;
    padding: 4em 2em 4em 2em;
    align-items: self-end;
    background: url('silence-of-the-sirenes.jpg') center/cover no-repeat;
}

/* Silence of the Sirens Logo and Menu Row */
.tentionlogo-menu-row {
    display: flex;
    justify-content: space-between;
    padding: 4em 2em 4em 2em;
    align-items: self-end;
    background: url('tension.jpg') center/cover no-repeat;
}

/* Mirror, pixel & stars Logo and Menu Row */
.mirrorlogo-menu-row {
    display: flex;
    justify-content: space-between;
    padding: 4em 2em 4em 2em;
    align-items: self-end;
    background: url('Mirror-pixel-stars.jpg') center/cover no-repeat;
}

/* Radetzkystraße Fest Logo and Menu Row */
.radetzkystrasselogo-menu-row {
    display: flex;
    justify-content: space-between;
    padding: 4em 2em 4em 2em;
    align-items: self-end;
    background: url('radetzkystrasse-fest-h.png') center/cover no-repeat;
}

/* (VOL2) Mirror, pixel & stars Logo and Menu Row */
.voltwo-mirrorlogo-menu-row {
    display: flex;
    justify-content: space-between;
    padding: 4em 2em 4em 2em;
    align-items: self-end;
    background: url('mirrors-px-stars-II.jpg') center/cover no-repeat;
}

/* What remains (Was hängen bleibt) Logo and Menu Row */
.remainslogo-menu-row {
    display: flex;
    justify-content: space-between;
    padding: 4em 2em 4em 2em;
    align-items: self-end;
    background: url('was-hangen-bleibt.jpg') center/cover no-repeat;
}

/* The Latent Baroque Logo and Menu Row */
.baroquelogo-menu-row {
    display: flex;
    justify-content: space-between;
    padding: 4em 2em 4em 2em;
    align-items: self-end;
    background: url('the-latent-baroque.jpg') center/cover no-repeat;
}

/* Escape into the world of Illusion Logo and Menu Row */
.illusion-menu-row {
    display: flex;
    justify-content: space-between;
    padding: 4em 2em 4em 2em;
    align-items: self-end;
    background: url('escape-illusion.jpg') center/cover no-repeat;
}

/* sophrosyne Logo and Menu Row */
.sophrosyne-menu-row {
    display: flex;
    justify-content: space-between;
    padding: 4em 2em 4em 2em;
    align-items: self-end;
    background: url('sophrosyne.jpg') center/cover no-repeat;
}
/* from here to there Logo and Menu Row */
.herethere-menu-row {
    display: flex;
    justify-content: space-between;
    padding: 4em 2em 4em 2em;
    align-items: self-end;
    background: url('from-here-to-there-header.jpg') center/cover no-repeat;
}

/* Lebende Maschinen Logo and Menu Row */
.lebende-menu-row {
    display: flex;
    justify-content: space-between;
    padding: 4em 2em 4em 2em;
    align-items: self-end;
    background: url('Lebende-Maschinen-header.jpg') center/cover no-repeat;
}

/* Natural Stupidity Logo and Menu Row */
.naturalstupidity-menu-row {
    display: flex;
    justify-content: space-between;
    padding: 4em 2em 4em 2em;
    align-items: self-end;
    background: url('natural-stupidity-header.jpg') center/cover no-repeat;
}

/* Michael Rene Sell TACET5-header Logo and Menu Row */
.tacet5-menu-row {
    display: flex;
    justify-content: space-between;
    padding: 4em 2em 4em 2em;
    align-items: self-end;
    background: url('michael-rene-sell-tacet-header.jpg') center/cover no-repeat;
}


.logo-container img {
    width: 120px;
    height: auto;
    border: none;
}

.logo-container a {
    display: inline-block;
}

nav ul {
    list-style-type: none;
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 0;
}

nav a {
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}


/* Add underline effect on hover for menu items */
nav a:hover {
    text-decoration: underline;
    color: #ffea00;
}



/******** Exhibition Highlights Section */
.exhibition-highlights {
padding: 1% 1% 5% 5%;
    background: #c6c6c2;
}

.exhibition-highlights h2 {
    font-size: 50px;
    color: #000;
}

.exhibition-highlights p {
    font-size: 16px;
    max-width: 800px;
    margin: 0 auto;
}

/* Upcoming Announcements Section */
.announcements-list {
    text-align: center;
    padding: 5%;
    background: #edede4;
}

.announcements-list h2 {
    font-size: 35px;
    margin: 10px 0 40px 0;
}

.announcement-images {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
}

.announcement-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    width: 100%;
}

.announcement-row article {
    flex: 1 1 30%; /* Ensures a 3-column layout */
    text-align: center;
    box-shadow: none;
}

.announcement-row img {
    width: 100%; /* Ensures image stretches to fill the container */
    height: auto; /* Maintains aspect ratio */
    border-radius: 0px;
    object-fit: cover; /* Ensures the image covers the area without distortion */
    max-width: 100%; /* Prevents the image from exceeding container width */
}


.announcement-row h3 {
    font-size: 20px;
    margin: 10px 0;
}

.announcement-row h1 {
    font-size: 18px;
    margin: 10px 0;
}

.announcement-row p {
    font-size: 14px;
    color: #000;
}

h3.listleft {
    font-size: 23px;
    text-align: left;
margin-bottom: 10px;
}

/* Footer Section */
footer {
    background: #000;
    color: white;
    padding: 20px;
    text-align: left;
}

.footer-columns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1000px;
    margin: 0 auto;
}

.footer-columns .column-left,
.footer-columns .column-middle,
.footer-columns .column-right {
flex: 1;
text-align: center;
line-height: 1.4em;

}

.footer-columns a {
    color: white;
}

/* Responsive styles for mobile devices */
@media (max-width: 768px) {
    .logo-menu-row {
        flex-direction: column;
        padding: 2em 2em;
    }

    nav ul {
        flex-direction: column;
        gap: 15px;
    }

    .announcement-images {
        justify-content: center;
    }

    .announcement-row article {
        flex: 1 1 100%; /* Stack articles vertically on smaller screens */
        max-width: 100%;
    }

    .announcement-row img {
        width: 100%;
        height: auto;
        object-fit: cover; /* Ensures images stay covered */
    }

    .footer-columns {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 480px) {
    .language-container .right-links a {
        padding: 0.8em;
    }

    .exhibition-highlights h2 {
        font-size: 32px;
    }

    .exhibition-highlights p {
        font-size: 14px;
    }
}

        .bordered-text { 
            border: 5px solid black;
            padding: 10px;          /* Space between text and border */ 
            display: inline-block;   /* Make the border fit around the text */ 
    justify-content: flex-end;
        } 


.bordered-text a {
    color: #ffea00;
}

        .innerlink { 
            border: 0p;
            padding: 10px;          /* Space between text and border */ 
    text-align: right;
        } 


.innerlink a {
    color: #ffea00;
}


.generic {
    color: #000;
}
.generic a {
    color: #000;
    text-decoration: underline;
}


.content {
    font-size: 16px;
    color: #000;
line-height: 2em;
}