/*
 * Breites, responsives Seitenlayout
 * für linke Module, Hauptinhalt und rechte Module
 */

.site-grid,
.grid-child,
.container-header .container-nav,
.container-header .grid-child,
.container-footer .grid-child {
    max-width: none;
    width: 100%;
    padding-left: clamp(12px, 2vw, 32px);
    padding-right: clamp(12px, 2vw, 32px);
}

/* Nur auf größeren Bildschirmen drei definierte Spalten */
@media (min-width: 992px) {
    .site-grid {
        grid-template-columns:
            minmax(140px, 190px)
            minmax(0, 1fr)
            minmax(140px, 190px);
    }
}

/* Dopdown Menü zum Scrollen aktivieren
/* Scrollbare, responsive Dropdown-Menüs */
/*
 * BEGIN: Scrollbare Untermenüs
 * Gilt auch für Menümodule in linken und rechten Seitenleisten.
 */
.metismenu.mod-menu .mm-collapse.mm-show {
    max-height: calc(100vh - 120px) !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    scrollbar-width: auto;
}

/* Auch verschachtelte Dropdown-Listen erfassen */
.metismenu.mod-menu ul.mm-show {
    max-height: calc(100vh - 120px) !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}
/* END: Scrollbare Untermenüs */

/* Sehr kompakte Überschriften für Cassiopeia */

h1,
.h1,
.page-header h1,
.com-content-article__body h1 {
  font-size: 1.45rem !important;
  line-height: 1.2;
}

h2,
.h2,
.page-header h2,
.com-content-article__body h2 {
  font-size: 1.3rem !important;
  line-height: 1.25;
}

h3,
.h3,
.com-content-article__body h3 {
  font-size: 1.18rem !important;
  line-height: 1.3;
}

h4,
.h4,
.com-content-article__body h4 {
  font-size: 1.08rem !important;
  line-height: 1.3;
}

h5,
.h5,
.com-content-article__body h5 {
  font-size: 1rem !important;
  line-height: 1.35;
}

h6,
.h6,
.com-content-article__body h6 {
  font-size: 0.9rem !important;
  line-height: 1.35;
}

/* Modul "Suche TOP-A" ohne Rahmen */
/* Rahmen des Moduls „Suche TOP-A“ entfernen */
/* Wenn beide Klassen auf demselben Element stehen */
/* Übergeordneten Kartenrahmen entfernen */
/* Nur die Karte des Suchmoduls TOP-A ohne Rahmen */
.card:has(#mod-finder-searchword206) {
  border: none !important;
  box-shadow: none !important;
}
/* Nur das Modul „BREISGAU-BURGEN.de TOP-A“ ohne Rahmen */
.card:has(#mod-custom207) {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.card:has(#mod-custom207) > .card-body {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
/* Logo-/Headerbereich hellblau */
.container-header {
  background: #d9efff;
}

/* Menübereich unverändert beziehungsweise eigene Farbe */
.container-header .container-nav {
  background: var(--cassiopeia-color-primary);
}

/* Logo-Bereich der Offline-Seite */
.offline-card .header {
  background-color: #d9efff !important;
  background-image: none !important;
  color: #1f2d3d !important;
}

.offline-card .header h1,
.offline-card .header p {
  color: #1f2d3d !important;
}