/* OAOA CSS Styles */
/* ::-moz-selection {
  color: var(--base);
  background: var(--primary);
}
::selection {
  color: var(--base);
  background: var(--primary);
} */

/* #main div:first-child {
  padding-top:0 !important;
} */

#header [data-row="top"] a {
  text-decoration: underline !important;
}

.height-100 {
  height: 100%;
}

.overflow-hidden {
  overflow: hidden !important;
}

/* Desktop: 4 Spalten */
.responsive-grid {
  /* grid-template-columns: repeat(4, minmax(0, 1fr)) !important; */
}
/* Tablet: 2 Spalten */
@media (max-width: 1024px) {
  .responsive-grid.tab-1 {
    grid-template-columns: 1fr !important;
  }
  .responsive-grid.tab-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
/* Smartphone: 1 Spalte */
@media (max-width: 600px) {
  .responsive-grid.mob-1 {
    grid-template-columns: 1fr !important;
  }
  .responsive-grid.mob-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}