/* CSS Für Menüs*/


/* item-page*/
.com-content-article{
  display:flex;
  justify-content: center;
}

.random-image{
  margin-right: 60px;
}

/*
mod-menu 
*/


/* Farbe der Schrift von den Menüpunkten*/
.image-title{
  color: #333333;

}


.container-nav{
  flex-direction: row-reverse;
  max-width: 985px;
 
}

/* Header ganz oben (Logo, Menü)*/
.header{
 background-color: rgb(227,128,17) !important;
  background-image: none !important;
}

.container-header{
 
}

.mod-menu {
   max-width: 300px;
}

.mod-menu li{
    list-style: none;
	margin: 0 23px;
}


/* Damit die menüpunkte vertikal angeordnet werden.*/
.mod-menu {
  flex-direction: column !important;
  background-color: rgb(250,197,105) !important;
	border-radius: 10px;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	border: 1px solid rgba(0,0,0,0.2);
	padding: 10px;

}


@media only screen and ( max-width: 1000px ){
  .container-nav{
    flex-direction: column-reverse !important;
  }
}



/* Farbe für Footer Hintergrund*/
.footer {
  background-color: rgb(227,128,17) !important;
  background-image: none !important;
}

  

.footer .grid-child{
  justify-content: center;
}