@charset "UTF-8";

.headerLogo_trauer { display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/header/trauer_rose.jpg) no-repeat;
  background-color: black;
  width: 100%; /* Width of new image */
  height: 400px; /* Height of new image */
  padding-left: 0px; /* Equal to width of new image */
}
.container_header_trauer h1 {background-color:transparent; color:gray; font-family:"Roboto", sans-serif; margin-left:550px;}

@media (max-width:767px) {
  
.headerLogo_trauer { display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/header/trauer_rose.jpg) no-repeat;
  background-color: black;
  width: 100%; /* Width of new image */
  height: 300px; /* Height of new image */
  padding-left: 0px; /* Equal to width of new image */
}
.container_header_trauer h1 {background-color:transparent; color:ghostwhite; font-family:"Roboto", sans-serif; margin-left:20px;}
}

@media (max-width:400px) {
  
.headerLogo_trauer { display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/header/trauer_rose.jpg) no-repeat;
  background-color: black;
  width: 100%; /* Width of new image */
  height: 200px; /* Height of new image */
  padding-left: -50px; /* Equal to width of new image */
}
.container_header_trauer h1 {background-color:transparent; color:ghostwhite; font-family:"Roboto", sans-serif; margin-left:10px;}