:root {
  /* blue */
  --headfoot-background: rgba(40, 58, 90, 0.9);
  --headfoot-color: #ffffff;
  --headfoot-link-color: #ffffff;
  --headfoot-link-color-hover: #73c5eb;

  --main-background-light: #ffffff;
  --main-background-dimmed: rgb(248, 249, 250);
  --main-color: #444444;
  --main-link-color: #47b2e4;
  --main-link-color-hover: #73c5eb;
  
  --headline-background: #f3f5fa;
  --headline-color: rgb(55, 81, 126);
  --headline-border-color: rgba(40, 58, 90, 0.9);
  
  /* green */
  /*
  --headfoot-background: #004d00;
  --headfoot-color: #ffffff;
  --headfoot-link-color: #ffffff;
  --headfoot-link-color-hover: #66ff66;
  
  --main-background-light: #ffffff;
  --main-background-dimmed: #ffffe5;
  --main-color: #444444;
  --main-link-color: #006600;
  --main-link-color-hover: #66ff66;
  
  --headline-background: #e6ffe6;
  --headline-color: #006600;
  --headline-border-color: #006600;
  */
}

body {
  color: var(--main-color);
  background-color: var(--headfoot-background);
}

.mycontainerbg {
    background: var(--main-background-light);
    padding-top: 0.1px;
    padding-bottom: 0.1px;
}

.k8-bg-stripes>div:nth-child(odd) {
    background-color: var(--main-background-light);
}
.k8-bg-stripes>div:nth-child(even) {
    background-color: var(--main-background-dimmed);
}

/* header */
h1{
  font-weight: bold;
  color: var(--headline-color);
}

.k8-headline0 {
    background-color: var(--headline-background);
}

.masterdata .headline {
    background-color: var(--headline-background) !important;
    border: 0;
}

.masterdata .maindata, .k8-by-blue {
    border-top: 3px solid var(--headline-border-color);
    border-bottom: 3px solid var(--headline-border-color);
}

/* links */
a {
  color: var(--main-link-color);
  text-decoration: none;
}
a:hover {
  color: var(--main-link-color-hover);
  text-decoration: none;
}

footer a {
    color: var(--headfoot-link-color);
}
footer a:hover{
  color: var(--headfoot-link-color-hover);
}

/* header navbar */
.navbar-brand, #pagetimer, .nav-link{color:var(--headfoot-link-color);}
.navbar-brand:hover, .nav-link:hover{
  color:var(--headfoot-link-color-hover);
}
.navbar-nav .nav-item .active,
.navbar-nav .nav-link.show{
  color:var(--headfoot-link-color-hover);
}
.navbar-toggler{
  color:white;
  border-color:white;
}
.navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* footer */
footer {
  color: var(--headfoot-color);
}

/* landing page */
.generate-content{
  padding:0 100px;
}
@media only screen and (max-width: 576px) {
  .generate-content{
    padding: 0 calc(var(--bs-gutter-x) * .5);
  }
}