/* Body Background */
body {
    width: 100%;
  /*  background-color: #4b5762!important; */
}
:not(footer .content-text p) > a {
    color:var(--col1);
}
:not(footer .content-text p) > a:hover {
    color:#93909e;
}
#container {
    position:relative;
}

.mod_article h2 {
    color:#09f;
    font-weight: 300;
}
@media screen and (max-width:500px) {
    .mod_article h2 {
       font-size: 2rem;
       line-height: 2.2rem;
       color: var(--col4);
    }
}
.teaserpic figcaption {
    display:none;
}
.ce_gallery {
    padding:2px;
    background-color: var(col--3);
}
@media screen and (max-width:1079px) {
    #main {
        margin-top:2rem;
        border-bottom:1rem;
    }
}
@media screen and (min-width:1080px) {
    #main {
        border-bottom: 10px;
        margin-top: 2.6rem;
    }
}

/* Headlines */

.mod_article h2,
.content-headline {
    width:100%;
    color:var(--col1);
}

.mod_article h1, .content-headline h1, .content-text h1 {
  width: 100%;
  padding-bottom: .2rem;
  border-bottom: 1px solid #c0c0c0;
  color: var(--col1);
  font-weight: 300;
  background-color: inherit;
  letter-spacing:1px;
}
/*
body.portfolio_sb .mod_article h1:not(header .inside .logo) {
    font-family: Inter,Arial;
    letter-spacing:0;
    text-transform: none;
}
*/
.mod_article .mod_newslist,
.mod_article .mod_newslist h1,
.mod_article  .mod_newslist h2,
.mod_article .mod_newslist h3 {
    padding-left:0;
}

/* Container sorgt für volle Breite und horizontales Scrollen auf Mobilgeräten */
.grid-container.content-table {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Tabelle nimmt die volle Breite ein und verteilt die Spalten optimal */
.content-table table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;

}

/* Kopfzeile visuell leicht abheben */
.content-table th {
    padding: 12px 16px;
    font-weight: 600;
    color: var(--col1);
    border-bottom: 2px solid #e0e0e0;
}

/* Tabelleneinträge mit leichtem Abstand (Padding) für gute Lesbarkeit */
.content-table td {
    padding: 14px 16px;
    color: var(--col1);
    vertical-align: middle;
    font-size:1.1rem;
}

/* Leichte graue Trennlinie zwischen den einzelnen Zeilen */
.content-table tbody tr {
    border-bottom: 2px solid #e1e1e1;
}

/* Optionale Optimierung: Die letzte Zeile braucht keine untere Linie */
.content-table tbody tr:last-child {
    border-bottom: none;
}

/* Optionale Breitenverteilung für perfekte Spaltenerkennung */
.content-table th:nth-child(1), 
.content-table td:nth-child(1) {
    width: 10%; /* Jahr */
}
.content-table th:nth-child(2), 
.content-table td:nth-child(2) {
    width: 50%; /* Ausstellung */
}
.content-table th:nth-child(3), 
.content-table td:nth-child(3) {
    width: 30%; /* Ausstellungsort */
}
.content-table th:nth-child(4), 
.content-table td:nth-child(4) {
    width: 10%; /* Info */
}


footer {
    width:100%;
    bottom:0;
    position:relative;
}
footer .inside {
    background-color:var(--col4);
}

/*
.gallery {
    margin-bottom:1rem;
}
.totalgallery {
  display: flex;
  flex-flow: row wrap;
  justify-content: center; 
}
*/