@charset "UTF-8";
/*!
 * Bootstrap v5.1.2 (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 {
  --body-color: #221302;
  --body-bg: var(--template-bg-dark-3);
  --body-line-height:  !important;
  --primary-rgb: 34, 19, 2; /* #221302 */
  --cassiopeia-color-primary: var(--body-color);
  --cassiopeia-color-link: var(--body-color);
  --cassiopeia-color-hover: var(--template-bg-dark-60);
  --cassiopeia-font-weight-headings: 500;
  --border-radius: .3em;
  --template-bg: var(--body-color);
}

body.wrapper-fluid .site-grid {
	column-gap: 1%;
}
/* Seitenabstände Kopf- und Fußbereich */
body.wrapper-fluid header > .grid-child,
body.wrapper-fluid footer > .grid-child {
	padding: 1%;
 }

.container-header .navbar-brand {
	font-size: var(--body-font-size);
	white-space: normal;
}

.list-group-item { /* Statistik-Modul */
  color: var(--cassiopeia-color-primary);
}

.card-header {
	background: -webkit-linear-gradient(135deg, var(--template-bg-dark-30), var(--template-bg-dark-10), var(--template-bg-dark-10), var(--template-bg-dark-10), var(--template-bg-dark-10), var(--template-bg-dark-30)) no-repeat;
	background: -moz-linear-gradient(135deg, var(--template-bg-dark-30), var(--template-bg-dark-10), var(--template-bg-dark-10), var(--template-bg-dark-10), var(--template-bg-dark-10), var(--template-bg-dark-30)) no-repeat;
	background: linear-gradient(135deg, var(--template-bg-dark-30), var(--template-bg-dark-10), var(--template-bg-dark-10), var(--template-bg-dark-10), var(--template-bg-dark-10), var(--template-bg-dark-30)) no-repeat;
	font-weight: normal;
	font-variant: small-caps;
	margin: .5%;
	text-shadow: 0.7px .3px 3px var(--template-bg-dark-10), 1.4px .7px 3px var(--template-bg-dark-50), 2.8px 1.4px 3px var(--template-bg-dark-30), 3.5px 1.7px 3px var(--template-bg-dark-20);
}

.card-body {
	padding: 1%;
}


pre, item-title, .item-title, .page-header {
	background: var(--template-bg-dark-10);
	padding: .75em;
	border: 1px solid var(--template-bg-dark-50);
	border-radius: var(--border-radius);
	font-family: var(--body-font-family);
	font-size: var(--body-font-size);
	text-align: center;
	margin-bottom: 1em;
}

@media (min-width: 1200px) {
  .container-header .container-nav {
    justify-content: center;
  }
}

 .metismenu.mod-menu .mm-collapse > li.parent > ul {
	flex-basis: calc(100%);
}

.metismenu-item.level-1 { /* Haupt-Menüeinträge */
	background: -moz-linear-gradient(top, var(--template-bg-dark-10), var(--template-bg-dark-60), var(--template-bg-dark-60), var(--template-bg-dark-60), var(--template-bg-dark-60), var(--template-bg-dark-60)) no-repeat;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	text-align: center;
}
h1, .h1 {
  font-size: calc(1.375rem);
}
@media (min-width: 1200px) {
  h1, .h1 {
 
  }
}

h2, .h2 {
  font-size: calc(1.325rem);
}
@media (min-width: 1200px) {
  h2, .h2 {
 
  }
}

h3, .h3 {
  font-size: calc(1.3rem);
}
@media (min-width: 1200px) {
  h3, .h3 {
 
  }
}

h4, .h4 {
  font-size: calc(1.275rem);
}
@media (min-width: 1200px) {
  h4, .h4 {

  }
}

.mp3browser {
	margin: auto;
}

@media (max-width: 375px) {
	.mp3browser	thead {
		display: none;
	}
	.mp3browser-row {
		display: grid;
		grid-template-columns: auto 0 auto;
	}
}

.time_table {
	table-layout: auto;
	width: 100%;
	border-collapse: separate;
	border-color: var(--body-color);
	margin-top: 1em;
	margin-bottom: .5em;
	border: 2px solid;
	text-align: center;
}
.row_even {
	background: var(--template-bg-dark-10);
}
.row_odd {
	background: var(--template-bg-dark-20);
}
li, .mod-list li {
    background: var(--template-bg-dark-20);
	padding: 0.2rem 1rem;
	margin: .1em;
}

li:nth-child(odd) {
    background: var(--template-bg-dark-10);
}
li:nth-child(even) {
    background: var(--template-bg-dark-20);
}

.kuki, .random-image  /* Bild mit Rahmen */
{
  border: 2px solid var(--template-bg-dark-40);
  padding: .3em;
  border-radius: var(--border-radius);
}
.btn {
	transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
}
.btn-primary {
	border-color: var(--border);
	border-radius: var(--border-radius);
}
.btn-admin:hover, .btn-micro:hover {
	color: white;
	background-color: var(--template-bg-dark-50);
	border-color: var(--template-bg-dark);
}
.btn-admin, .btn-micro {
	color: var(--template-bg-dark-90);
	background-color: var(--template-bg-dark-10);
	border-color: var(--template-bg-dark-50);
}

.footer {
	font-size: calc(11px + 5 * (100vw - 375px) / (1920 - 375));
}
.footer .grid-child {
	align-items: inherit;
}