body {background-image: url('../images/Farben.png');
}
/*body {background: rgb(238,124,198);
background: linear-gradient(45deg, rgba(238,124,198,1) 8%, rgba(194,78,200,1) 16%, rgba(147,71,195,1) 24%, rgba(100,94,205,1) 32%, rgba(66,143,198,1) 40%, rgba(76,194,194,1) 48%, rgba(112,195,92,1) 56%, rgba(192,195,82,1) 64%, rgba(234,210,66,1) 70%, rgba(235,192,118,1) 76%, rgba(241,58,93,0.7971521372220763) 84%, rgba(244,42,106,0.7971521372220763) 92%, rgba(226,71,101,1) 96%, rgba(247,36,36,1) 100%);}*/

/*body {  background: rgb(236,225,174);
  }*/
.container-topbar {
 display: table;
  width: 100%;
   position: fixed;
 top: 0; margin-left: 1%;
}
.container-below-top {
  display: table;
  width: 100%;
  height: 20%;
  color: black;
  top: 0;
}


.topbar { background: transparent !important;
 
}

.container-header {
background: transparent !important;
 
}

.container-header .navbar-brand {
display: block; margin-left: auto; margin-right: auto; color:black;
}

.container-header .navbar-toggler {  
  color: white; border: 1px solid #000; border-radius: 15px; text-decoration: none;
}



.container-header .mod-menu {
color: white; background: #665bea; border: 3px solid #000; border-radius: 15px; text-decoration: none;
}
.container-banner {
  background-color: transparent;
  
  margin-bottom: 5px;
 
}

.sidebar-left,.sidebar-right   {
  background-color: transparent;
  border: 20px;
}

.com-content-article__body {
  background-color: white;
  text-align: justify;
  border: 3px solid #000;
  margin-bottom: 5px;
  border-radius: 10px;
  padding: 15px;
  box-shadow: 0px 2px 4px 0px;
}



.com-content-article__body a{text-decoration: none;
  color: #0000ff; 
  background-color: white;
  border:0px solid #000;
  margin: 0,5px;
  border-radius: 5px;
  padding: 2px;
}

.card-header:first-child {margin-bottom: 5px;
  border-radius: 10px;
  padding: 15px;
	border-radius: 10px;
}

.card-header{
  color: #e3f22c; 
  background: #183083;
  text-align: center;
  border: 3px solid #000;
  margin-bottom: 5px;
}

.card-body{color: #000000;   background: rgba(255, 255, 255) ;text-align: center; 
  background-repeat: repeat;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-width: 2px;
  border-style: solid;
  box-shadow: 0px 2px 4px 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 0px;
} 

.grid-child {
display: block;
}

.metismenu.mod-menu .mm-collapse { 
background: #ffffff;
 border: 2px solid #000000;
 border-radius: 12px;text-decoration: none;
}

.metismenu.mod-menu .mm-collapse a{text-decoration: none;
  color: #000000;
}

.metismenu.mod-menu .mm-collapse .metismenu-item a {
text-decoration: none;  color:black;
} 
 
a:link{
  text-decoration: none;color:blue;
}
a:visited{
  text-decoration: none;color:blue;
}

a {text-decoration: none; 
}

a:hover {text-decoration: none;
  background-color: #555555;
}

/* selected link 
      a:active {
      color: #800000;
      }*/
.footer .grid-child {background: transparent !important;
  
  padding: 0;
}

.footer { background: transparent !important; justify-content: center;
 
}

.navbar-collapse {
flex-grow: 0;
}

.metismenu.menu-horizontal { 
 /* background: rgba(88, 135, 232, 0.7);*/
  background: rgba(0, 85, 184, 0.7);
  color: white; border: 3px solid #000; margin: auto;border-radius: 15px; text-decoration: none;box-shadow: 0px 2px 4px 0px;
}


.com-finder__results-list {
  background: rgb(34,193,195);
  text-align: justify;
  border: 3px solid #000;
  margin-bottom: 5px;
  border-radius: 10px;
  padding: 15px;
  box-shadow: 0px 2px 4px 0px;
}
.com-finder__empty {
  background: rgb(34,193,195);
  text-align: justify;
  border: 3px solid #000;
  margin-bottom: 5px;
  border-radius: 10px;
  padding: 15px;
  box-shadow: 0px 2px 4px 0px;
}

}
.card2 {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,5);
  transition: 0.3s;
  border-radius: 15px;
}

/* On mouse-over, add a deeper shadow */
.card2:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

/* Add some padding inside the card container */
.container2 {
  padding: 2px 16px;
}