/* 1) am spezifischsten: Footer1 innerhalb vom mod-footer + inline a 
#mod-footer .footer1,
#mod-footer .footer1 * {
  color: #fff !important;
}
*/

/* 2) falls der Override des "Copyright" den Text außerhalb von .footer1 rendert: global auf footer1 */
.footer1,
.footer1 * {
  color: rgb(23, 23, 23) !important;
}

/* 3) speziell für den Link im/zum Impressum im Override des "Copyright" */
#mod-footer .footer1 a,
.footer1 a {
  color: rgb(23, 23, 23) !important;
  text-decoration: none !important;
}

/* Farbverlauf Header Footer*/
.container-header {
    position: relative;
    z-index: 10;
    margin-bottom: 20px;
    background-color: #561c24;
    background-image: linear-gradient(325deg, #639595 5%, #c1cdcf  5%);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;
}
/* Farbverlauf Header Footer*/
.container-footer {
    position: relative;
    z-index: 10;
    margin-bottom: 20px;
    background-color: #c1cdcf;
    background-image: linear-gradient(5250deg, #578e8e 35%, #c1cdcf 0%);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;
}

/* Header & Footer Menü: Links kleiner */
header .mod-menu__link,
header .mod-menu a,
footer .mod-menu__link,
footer .mod-menu a {
  font-size: 0.85rem;
  line-height: 1.0;
}

/* Menü-Überschrift (Privacy) */
.mod-menu__heading {
  font-size: 0.85rem; 
  font-weight: 300; 
}

/* Joomla-Iconfont (falls statt FA "icon-..." genutzt wird) 
[class^="icon-"].icon-address,
[class*=" icon-"].icon-address {
  display: none !important;
*/
/* färbst mit dieser besonderen Anweisung alle Icon ein
.fa, .fas, [class*=" icon-"], [class^="icon-"] {
	color: #561c24;
}
*/

/* Joomla-Iconfont (falls statt FA "icon-..." genutzt wird) */
[class^="icon-"].icon-eye.icon-fw,
[class*=" icon-"].icon-eye.icon-fw  {
  display: none !important;
}
  
/* Dropdown-Container / Submenu Background */
.metismenu.mod-menu .parent > ul,
.metismenu.mod-menu ul.mm-collapse,
.metismenu.mod-menu .metismenu-item > ul,
.metismenu.mod-menu .mm-collapse,
.metismenu.mod-menu .metismenu-item > ul ul {
  background-color: #c1cdcf !important;
  background-image: none !important;
}

/* Optional: Hover/Fokus */
.metismenu.mod-menu .mm-toggler:hover,
.metismenu.mod-menu .mm-toggler:focus {
  color: #18191A !important;
}

/* Submenu Links (damit Text lesbar bleibt) */
.metismenu.mod-menu .metismenu-item > ul a,
.metismenu.mod-menu .metismenu-item > ul .mm-link {
  color: #18191A !important;
}

/*buttun up immer sichtbar* und Farbe Button*/
#back-top {
  text-decoration: none;
  padding: 9px;
  font-family: sans-serif;
  color: #561c24;
  background: #c1cdcf;
}
a#back-top.back-to-top-link:hover{
  color:#561c24 !important;
  background-color:#c1cdcf !important;
}
a#back-top.back-to-top-link.visible:hover{
  color::#561c24 !important;
}
a#back-top.back-to-top-link.visible{
  color:#561c24 !important;
  background-color:#c1cdcf !important; /* nur wenn du Hintergrund meintest */
}

/* Toggle-Button (Hamburgermenü) andere Farben */
.navbar-toggler,
.navbar .navbar-toggler {
  color: #561c24 !important;
  border-color: #561c24 !important;
}

/*Wie man den Header mit dem CSS-Grid verändert*/
.container-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:  "top below"
                        "logo logo"
                        "nav nav";
}
.container-header .container-topbar {
  padding: .5em;
}
.container-header .container-topbar {
  grid-area: top;
}
.container-header .container-below-top {
  grid-area: below;
  justify-content: flex-end;
}
.container-header .grid-child:has(.navbar-brand) {
  grid-area: logo;
}
.container-header .container-nav {
  grid-area: nav;
}
@media (width >= 991.98px) {
  .container-header {
   grid-template-columns:
    [full-start] minmax(0,1fr)
    [main-start] repeat(4,minmax(0,19.875rem))
    [main-end] minmax(0,1fr)[full-end];
   grid-template-areas: ". logo nav nav nav .";
   gap: 0 1rem;
  }
  .container-header:has(.container-below-top, .container-topbar) {
   grid-template-areas: ". top top below below ."
                        ". logo nav nav nav .";
}
  
/*farbe Hintergrund des Moduls "Main Menu" mit CSS-Klasse-Modul namens breadcrumbclass*/
.breadcrumbclass {
  background-color: #c1cdcf; 
}
.breadcrumbclass .card-body {
  background-color: orange;
}

/* Logo im Header mittig*/
.container-header .navbar-brand {
margin: auto;
}

/* Hover / Fokus / aktiv */
a:hover,
a:focus,
a:active {
  color: #561c24 !important;
}

/* Optional: Unterstreichung 
a {
  text-decoration:none !important;
}  */

a:hover{
  text-decoration:underline !important;
}

.metismenu.mod-menu .metismenu-item.active>a,.metismenu.mod-menu .metismenu-item.active>button,.metismenu.mod-menu .metismenu-item>a:hover,.metismenu.mod-menu .metismenu-item>button:hover {
    border: none;
}

.banner .mod-menu li > a:hover,
.banner .mod-menu li > a:focus,
.banner .menu li > a:hover,
.banner .menu li > a:focus,
.banner a:hover {
  color: #561c24 !important;
}

.header .mod-menu li > a:hover,
.header .mod-menu li > a:focus,
.header .menu li > a:hover,
.header .menu li > a:focus,
.header a:hover {
  color: ##561c24 !important;
}

.footer .mod-menu li > a:hover,
.footer .mod-menu li > a:focus,
.footer .menu li > a:hover,
.footer .menu li > a:focus,
.footer a:hover {
  color: #561c24 !important;
}