/* Grundsätzliche Template Farben und Einstellungen

:root {


    --cassiopeia-color-primary: #00ff00;
    --primary: #0d6efd;
    --secondary: #555 !important;
    --success: #198754;
    --info: #0dcaf0;
    --warning: #ffc107;
    --danger: #dc3545;
}
	
:root {
--link-color: #bb86fc;
}
a {
    color: #bb86fc;
}
	 */

:root {
    --link-color: #bb86fc;
    --link-hover-color: #03dac6;
}

a {
  color: var(--link-color);
}
a:not([class]) {
  text-decoration: none;

}
a:hover {
  color: var(--link-hover-color);
  text-decoration: none;

}


img {
    margin: 5px 5px 5px 0px;
}


html h1, html h2, html h3, html h4, html h5, html h6, html .h1, html .h2, html .h3, html .h4, html .h5, html .h6, body h1, body h2, body h3, body h4, body h5, body h6, body .h1, body .h2, body .h3, body .h4, body .h5, body .h6 {
  font-size: 1.2em;
}
html h1, body h1 {
  font-size: 1.3em;
}



.header {
    background: #121416;
}


.site-description {
  font-size: 1.5rem !important;
}







.metismenu.mod-menu .metismenu-item > a {
  /* color: #03dac6; */
  color: #bb86fc;
}
.metismenu.mod-menu .metismenu-item > a:hover,
.metismenu.mod-menu .metismenu-item > button:hover {
  text-decoration: none;
  color: #ffffff;
}
.metismenu.mod-menu .metismenu-item.active > a, .metismenu.mod-menu .metismenu-item.active > button {
  text-decoration: underline;
}





.btn-secondary {
  background: #141515;
  color: #ffffff;
  border-color: #3e4142;
}
.btn:hover {
  background: #1c1d1d;
  border-color: #03dac6;
  color: #03dac6;
} 


/*
@media (min-width:1200px){.h1,h1{font-size:1.8rem;}}
@media (min-width:1200px){.h2,h2{font-size:1.5rem;}}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2;margin-bottom:.5rem;margin-top:0}
.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}
.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}
.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}
.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}
.h5,h5{font-size:1.25rem}
.h6,h6{font-size:1rem}


.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.2;margin-bottom:.5rem;margin-top:0;}
.h1,h1{font-size:calc(1rem + 1.5vw) !important;}@media (min-width:1200px){.h1,h1{font-size:2.0rem}}
.h2,h2{font-size:calc(1rem + .9vw) !important;}@media (min-width:1200px){.h2,h2{font-size:1.5rem}}
.h3,h3{font-size:calc(1rem + .6vw) !important;}@media (min-width:1200px){.h3,h3{font-size:1.25rem}}
.h4,h4{font-size:calc(1rem + .3vw) !important;}@media (min-width:1200px){.h4,h4{font-size:1.0rem}}
.h5,h5{font-size:0.75rem}
.h6,h6{font-size:0.5rem}



.wf-mediabox-caption h4 {
  color: #121416;
  font-size:calc(1rem + .1vw) !important;}
}
.wf-mediabox-container, .wf-mediabox-caption, .wf-mediabox-nav {
  background-color: #ccc !important;
}
.wf-mediabox-numbers button.active {
  border-width: 0 !important;
}
*/



.thumbitem {margin-right: 100px; }

.wf-mediabox-caption h4 {
  color: #ffffff;
  font-size:calc(1rem + .1vw) !important;}
}
.wf-mediabox-container, .wf-mediabox-caption, .wf-mediabox-nav {
  background-color: #212529 !important;
}
.wf-mediabox-numbers button.active {
  border-width: 0 !important;
}



.footer {
    background: #121416;
	text-transform: uppercase;
	margin-left: .5em;
}
.footerlow {
	text-transform: lowercase;
}
#footernav a{
    color: white;
}
#footernav .metismenu.mod-menu, #footernav .metismenu-item {
  font-size: 0.8rem;
  padding: .5em;
}
#footernav a:hover {
  text-decoration: none;
    color: #03dac6;
}


/* 
.footer .grid-child {
  padding-top: 0.4em;
}primary  color: #bb86fc; */
.back-to-top-link {
  color: #ffffff;
  background-color: #141515;
  border: 1px solid #3e4142;
}
.back-to-top-link:hover, .back-to-top-link:focus {
  color: #03dac6;
  background-color: #1c1d1d;
  border-color: #03dac6;
}





joomla-tab[view="accordion"] [active], joomla-tab[view="accordion"] [aria-expanded="true"] {
  background-color: green;
}



/* Modul Zufallsbild Reihenfolge Titel */
.container-sidebar-left
  {
          display: flex;
          flex-direction: column;
        }
        .container-sidebar-left :nth-child(1) { order: 2; text-align: right; font-style:italic; margin-top: 0px; padding-top: 0px; }
        .container-sidebar-left :nth-child(2) { order: 1; padding-bottom: 0px; }
.sidebar-left .card-header 
{
	background-color: #212529;
}

.card {
    --card-border-radius: 0 1rem;
  }
.card-header {
    border-bottom: var(--card-border-width) solid 0;
  color: #e9ecef;
}
.sidebar-left .card-header {
  background-color: transparent;
}

/* .top-a .card-body, .bottom-b .card-body {
    padding: 0;
} */