/*###########################*/
/*#######            ########*/
/*###########################*/
nav.nav-main li a,
nav.nav-main li strong  {
  font-weight: 200;
}
[id="footer"] a:not([class]) {
  color: #ccc;
}
/*colorbox navi aussen*/
/*#######            ########*/
/*###########################*/
#cboxWrapper, #colorbox {
/*	margin-right: 40px;*/
/*    margin-left: 40px;*/
}
#colorbox [id="cboxPrevious"] {
  left: -55px;
}  
#colorbox [id="cboxNext"] {
  right: -55px;
  }
#colorbox [id="cboxClose"] {
  right: -55px;
}
#cboxOverlay {
  opacity: 0.95 !important;
}
/*responsive-gallery*/
.responsive-gallery.content-gallery ul {
  grid-template-columns: repeat(1, 1fr); /* Standard: 1 Spalten */
  /* ab 480px → 2 Spalten */
  @media screen and (min-width: 480px) {
    grid-template-columns: repeat(4, 1fr);
  }
  /* ab 768px → 3 Spalten */
  @media screen and (min-width: 768px) {
    grid-template-columns: repeat(6, 1fr);
  }

  /* ab 992px → 4 Spalten */
  @media screen and (min-width: 992px) {
    grid-template-columns: repeat(8, 1fr);
  }
  /* ab 1200px → 6 Spalten */
  @media screen and (min-width: 1200px) {
    grid-template-columns: repeat(12, 1fr);
  }
}
/*tabelle ausstellungen*/
/*#######            ########*/
/*###########################*/

@media only screen and (max-width: 39.999rem) {
  td::before {
    font-weight: 600;
    content: none;
}
  td {
    display: contents;
  /*  padding: 5px;*/
  }
    td:first-child {
    padding-block-start: 0rem;
  }
    td:last-child {
    padding-block-end: 0rem;
  }
  }
/*custom grid selbst gemachte spalten*/
/*#######            ########*/
/* Basis-Styling für alle Grids */
.mygrid-2, .mygrid-3, .mygrid-4 {
    display: grid;
    gap: 20px; /* Abstand zwischen Grid-Elementen */
    padding: 20px; /* Außenabstand des Containers */
}

/* 2-Spalten-Grid */
.mygrid-2 {
    grid-template-columns: 1fr 1fr; /* Zwei gleichbreite Spalten */
}

/* Responsive: Eine Spalte auf kleineren Bildschirmen */
@media (max-width: 768px) {
    .mygrid-2 {
        grid-template-columns: 1fr;
    }
}

/* 3-Spalten-Grid */
.mygrid-3 {
    grid-template-columns: 1fr 1fr 1fr; /* Drei gleichbreite Spalten */
}

/* Responsive: Zwei Spalten auf Tablets, eine auf Mobilgeräten */
@media (max-width: 1024px) and (min-width: 769px) {
    .mygrid-3 {
        grid-template-columns: 1fr 1fr; /* Zwei Spalten auf mittelgroßen Bildschirmen */
    }
}
@media (max-width: 768px) {
    .mygrid-3 {
        grid-template-columns: 1fr; /* Eine Spalte auf Mobilgeräten */
    }
}

/* 4-Spalten-Grid */
.mygrid-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr; /* Vier gleichbreite Spalten */
}

/* Responsive: Zwei Spalten auf Tablets, eine auf Mobilgeräten */
@media (max-width: 1024px) and (min-width: 769px) {
    .mygrid-4 {
        grid-template-columns: 1fr 1fr; /* Zwei Spalten auf mittelgroßen Bildschirmen */
    }
}
@media (max-width: 768px) {
    .mygrid-4 {
        grid-template-columns: 1fr; /* Eine Spalte auf Mobilgeräten */
    }
}

/* Optional: Styling für Inhaltselemente innerhalb des Grids */
.grid-item {
    background: #f9f9f9; /* Hintergrundfarbe für Inhaltselemente */
    padding: 15px; /* Innenabstand */
    border-radius: 5px; /* Abgerundete Ecken */
}