:root {
    --cassiopeia-color-primary: #28adb9;
    --cassiopeia-color-hover: #28adb9;
  background-color: #f4f6f7;
  --heading-color: #666666;
  --body-color: #666666;
  --link-color: #28adb9;
  --body-font-size: 1em;
}
h1 {
    font-size: 26px;
    line-height: 28px;
}
h2 {
    font-size: 22px;
    line-height: 24px;
}
a, a:not([class]) {
    text-decoration: none;
}

.header {
    margin-bottom: 0px;
    background-color: #28adb9;
}
.container-header .grid-child {
  padding: 0;
  border-bottom: 2px;
}
.container-header .mod-menu>li:after {
  display: none;
}

body.site {
  padding: 20px 0;
  background-color: #f4f6f7;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
}
.site-grid {
  padding: 0px;
  border: 2px solid rgba(0, 0, 0, 0.15);
  border-color: #28adb9;
  background-color: #fff;
}

.nav > li.active > a {
  color: #28adb9;
}
.nav > .active > a, .nav > .active > a:hover, .nav > .active > a:focus {
  background-color: #efddba;
}
.nav > li > a {
    border-radius: 0;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 7px;
    padding-top: 7px;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
}
.container-header .mod-menu>li {
    padding-left: 0.7em;
}
.container-header .mod-menu>li+li {
    margin: 0;
  padding-left: 0.2em;
}

.container-header .container-nav {
    padding-bottom: 0.7em;
}
.container-header .site-description {
    color: #fff;
    white-space: normal;
    font-size: 1.25em;
}

.container-header .navbar-brand {
    display: flex;
    align-items: center;
    flex-wrap: wrap; /* Allow wrapping on small screens */
    gap: 15px; /* Adjust spacing as needed */
}

.brand-logo {
    display: inline-flex; /* Ensures proper alignment */
}

.brand-logo img {
  max-width: 20px;
  max-height: 60px;
  margin-left: 0.6em;
}

.site-description {
    font-size: 1.2rem; /* Adjust as needed */
    white-space: nowrap; /* Prevent text from wrapping */
}

.flex {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.sprechzeiten {
	flex = 1;
}
.wochentag {
	width: 50px;
  font-size: 0.9em;
}

.rot {
	color: red;
}
.gruen {
	color: #28adb9;
}