@charset "UTF-8";
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --cassiopeia-color-primary: #683822;
  --cassiopeia-color-link: #683822;
  --cassiopeia-color-hover: #945131;
  --body-color: #683822;
  --body-bg: #FFFFFF;
}


.container-header {
  background-color: #FFFFFF;
  background-image: none;
  height: 130px;
}
.container-header .grid-child {
padding-bottom: 0;
}

.container-top-a, .container-top-a .navbar {
  background-color: #945131;
  color:#FFFFFF;
}

.container-top-a button.navbar-toggler{
  color: #FFFFFF;
}

.navbar{
  padding-top: 0;
  padding-bottom: 0;
}

.container-component{
  background-color: #FFFFFF;
}
.container-sidebar-right{
  background-color: #FFFFFF;
}
.breadcrumb{
  background-color: #FFFFFF;
}

.sidebar-right h3{
  color: #F7A800;
	font-size: 1.25rem;
	font-weight:bold;
	text-transform: uppercase;
}

.footer{
  background-image: none;
}

.footer .grid-child{
  align-items: start !important;
}

.footer i.fab{
  font-size:2rem; 
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 30px;
}

/* Schriftformate */
@media (min-width: 1200px){
  body{
    background-color: #EEDDC1;
  }
  body .site-grid{
    background:url(../images/blume-bg.png) no-repeat right bottom;
  }
  .container-component{
    padding: 1.5rem;
  }
  .container-sidebar-right{
    padding: 1rem;
  }
  h1, .h1, .page-header h1 {
font-size: 1.75rem;
font-weight: 500;
margin-bottom: 1.5rem;
border-bottom: solid 1px #F7A800;
}
h2, .h2 {
font-size: 1.5rem;
}
h3, .h3 {
font-size: 1.25rem;
}
h4, .h4, h5, .h5 {
font-size: 1rem;
}
}

/* Navigation */
.metismenu li a{
  font-size: 1rem;
  color:#FFFFFF;
}

.metismenu.mod-menu .metismenu-item.active {
  background: #683822;
}

.metismenu.mod-menu .metismenu-item.active > a:link, .metismenu-item.level2, .metismenu.mod-menu .metismenu-item > a:link{
  text-decoration: none;
}

.metismenu.mod-menu .mm-collapse{
  background: #683822;
  border: 1px solid #b3ac96;
}

.metismenu.mod-menu .mm-collapse ul li.active > a:link, .metismenu.mod-menu .mm-collapse ul li.active > a:hover {
  background-color: #743F25;
  text-decoration: none;
}