/* DJClassifieds Module Kategorien anzeigen */
.djcf_menu ul.menu li a, .djcf_menu ul#mainlevel li a {
    background: url(../images/li_margin.png) no-repeat right center;
    border-bottom: 1px solid #EAEAEA;
    /* color: #6E6F71; */
    display: block;
    /* font-size: 95%; */
    margin: 0;
    padding: 0px 0px 7px 0px;
    text-decoration: none;
}

/* DJClassifieds Überschrift "Kategorien" Startseite größer */
#dj-classifieds .dj-category .cat_row_title {
    font-size: 20px;
}

/* DJClassifieds vertikaler Abstand der Anzeigen in der Übersicht */
#dj-classifieds .dj-items .item_row .item_row_in {
    margin-bottom: 20px;
}

/* Vertikaler Abstand des Footers */
.footer .grid-child {
  align-items: center;
  justify-content: space-between;
  padding: .5rem .5em;
}

/* Schriftgröße unter dem Logo */
.container-header .site-description {
  color: #fff;
  font-size: 1.64rem;
  white-space: normal;
}

/* Abstand zwischen den Menupunkten damit es in eine Zeile passt */
.metismenu.mod-menu .metismenu-item {
  padding: .4em 1.1em;
}

/* Abstand zwischen Hauptnavigation und Banner */
.container-header nav {
  margin-top: 4.1em;
  padding: 0;
}

/* Abstand der Hauptnavigation zum Content */
.container-header .container-nav {
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: .1em;
  margin-top: -25px;
}

/* Abstand BANNER zu CONTENT */
.container-banner {
  display: block;
  margin: 0 0 0rem;
}

/* Färbt Module in leichtes blau ein */
.card-body {background: #e8eff4;}

/* Schriftgrösse und Module Farbe ändern */
.h4, h4 {font-size: 1.0rem; color: white; text-align: center;}
.card-header {background-color: rgb(13, 41, 73); color: white;}

/* Padding zur inneren Box bei Standard-Boxen */
.card-body {flex: 1 1 auto; padding: 0.5rem;}

/* Farbe des Dropdown Menus und Rahmen mit runden Ecken */
.metismenu.mod-menu .mm-collapse {
  background: #DDDDDD;
  border: 2px solid #000000;  
  border-radius: 8px;
}

/* Schriftgrößen der Überschriftens */
.h1, h1 {font-size: 2.1rem;}
.h2, h2 {font-size: 1.5rem;}
.h3, h3 {font-size: 1.4rem;}
.h4, h4 {font-size: 1.2rem;}
.h5, h5 {font-size: 1.0rem;}

/* Hiermit fließt der Text bei Listen um Grafik herum */
.com-content-article ol, .com-content-article ul {overflow: inherit;}

/* Menu Module Unterverzeichnis mit circle Symbol */
.list-inline, .list-unstyled {list-style: circle; margin-left: 14px;}

/* Sauberer Umbruch des Menüs auf Tablett oder kleinen Bildschirmen */
.container-header .mod-menu {flex-wrap: wrap;}

/* Menü bei Tablets im Hochformat als Burgersymbol angezeigt wird */
@media (min-width: 768px) and (max-width: 991px) {
.navbar-expand-md .navbar-collapse:not(.show) {
display: none !important;
}
}

@media (max-width: 991px) {
.navbar-expand-md .navbar-toggler {
display: block !important;
}
}

.header .mod-menu > li {
  position: relative;
}

/* Fonts bei aufgeklapptem Seitenmenu zu klein */
.small, small {
  font-size: 1rem;
}

/* Breadcrumps etwas mehr horizontaler Abstand statt 0,5 nun 0,7 */
.breadcrumb {
    --breadcrumb-item-padding-x: 0.7rem;
}

/* Breadcrumbs Statt / nun | */
.breadcrumb-item+.breadcrumb-item:before {
    content: var(--breadcrumb-divider,"|");
}

/* Breadcrumbs mit grauem Rahmen und Schrift etwas größer */
.breadcrumb {
  border: 0.02rem solid #CED4DA;
  background-color: rgba(0,0,0,.03);
  font-size: 1.04rem;
}

/* Responsive Pagination (automatischer Umbruch) bei Blogeinträgen */
.pagination {
    display: flex;
    flex-wrap: wrap;
}

/* Gegen Überlappen DJClassifieds Maps mit Banner oben */
.djmod_map img {
	max-width: none;
    z-index: 0;
}

/* Gegen Überlappen DJClassifieds Maps mit Banner oben */
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1;
}

/* Abstand unten in Modul bei "New Members" veringern */
ol, ul, dl {
    margin-top: 0;
    margin-bottom: 0rem;
}

/* Menu-Module werden hiermit immer ausgeklappt angezeigt */
:where(.mod-menu__sub[aria-hidden="true"]) {
  display: block !important;
}
button.mod-menu__toggle-sub {
	display: none;
}