/*Begrüßung im Bild*/
.gruss {
  position: relative;
  text-align: center;
}

/*Text im Bild*/
.wrapper {
  position: relative;
}

#text-content {
   color: white; 
   text-shadow: 0.1em 0.1em 0.15em #000000;
   position: absolute;
   top:10%;
   left:3%;
   padding:3vw;
/*Größe der Beschriftung*/  
   font-size: 3.5vw;
}

/*Hintergrundbild*/
body.site {
	background: transparent;
	background-image: url(../../../../../images/Bilder/Hintergrund.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
/*Artikelhintergrund mit Seitenabstand und Farbe*/
.container-component {
padding: 3px 15px;
background: white;
}

/* Menu */
/* Override the lila background with white */
.container-header {
  background-color: #f4f6f7;
  background-image: none;
}
/* Text should now be blue */
.container-header .mod-menu {
  color: #0088cc;
}
/* We add padding and radius so that on hover there is a nice background */
.container-header .mod-menu a {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  padding: 3px 15px;
  color: #0088cc;
}
/* On hover there should be a gray background*/
.container-header .mod-menu a:hover {
  background-color: #d0d0d0;
}
/* We need to change the color of the Hamburger Menu because white on white is not good */
.container-header .navbar-toggler {
  color: #0088cc;
  border: 1px solid #0088cc;
}

/* Banner Image */
.mybanner {
  min-width: 100%;
}

.myfooter {
  background-color: #f4f6f7;
}