/* Base style for mobile devices */

* {
   color: var(--schwarz);
   margin:0;
   padding:0;
}
body {
  background-color: var(--dunkelblau);
  margin: 0 auto 0;
}
container {
  display: grid;
  grid-template-rows: auto auto auto;
}

.bannergroup{
  display: flex;
  flex-direction: column;
}
.metismenu.mod-menu{
 
  height: 58px;
  background-color:grey !important;
}

.brand, .bannerheader, .bannerfooter, .banneritem {
  text-align: center;
  color: var(--weiss);
  margin: 10px;
}

#block1 {
  background-color: var(--weiss);
}

#block2 {
  background-color: var(--hellblau);
}

#block3 {
  background-color: var(--hellblau);
   height: 900px;
}

#block3 p, h1{
   color: var(--weiss);
}

#block4 {
  background-color: var(--dunkelblau);
}

#block5 {
  background-color: var(--weiss);
}

.block{
  margin: 10px;
  padding:20px;
  height: 300px;
  overflow-x: hidden;
    overflow-y: visible;
}

.brand a:link {
    color: var(--weiss);
}

h1 a, h1 a span, .site-description {
    color: var(--weiss);
  text-decoration: none;
}

h2 a {
    color: var(--schwarz);
}
/*
.card-header {
color: var(--weiss);
}



.header {
    background-image: none;
    background-color: var(--mittelblau);
    }

/* For devices with a minimum width of 768px (Medium) */
/*@media screen and (min-width: 768px) {
  body {
    background-color: var(--gelb);
   }
  
    .header {
    background-color: var(--hellblau);
    }

  
  }
  
/* For devices with a minimum width of 992px (Large) */ 
@media screen and (min-width: 992px) {
 /* body {
    background-color: var(--dunkelblau);
  }
  
  .header{
    background-color: var(--gelb);
  }

  .sidebar-right{
       background-color: var(--mittelblau);
  }
    .card-header {
     color: var(--weiss);
  }
*/

body {
    width: 90%;
}
  
container {
  display:grid;
    grid-template-columns: auto auto auto;
}
.bannergroup {
  display: flex;
  flex-direction: row;
}
}

/*
        --hue: 214;
        --dunkelblau:#c4dfe6;
		--mittelblau: #f0f4fb;
		--hellblau: #07575b;
		--leichtblau: #66a5ad;
		--gelb:F5FF00;
		--weiss: #ffffff;
*/