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

/* container header oben rot*/
.container-header {
background-color: #e50000;
background-image: none;
}

/* Text im horizontalen Menue weiss */
.container-header .mod-menu {
color: #ffffff;
}


/* We add padding and radius so that on hover there is a nice background */
.container-header .mod-menu a {

color: #e50000;
}


/* We need to change the color of the Hamburger Menue because white on white is not good */
.container-header .navbar-toggler {
color: #000000;
border: 1px solid #000000;
}


/*oberer Teil*/
.header {
background-color: #white;
}

/*mittlerer Teil*/
.site-grid {
background-color: #white;
}

/* Stellt den Container des Videos responsiv ein */
.responsive-video {
    position: relative; 
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    padding-top: 25px; 
    height: 0;
}
/* Stellt das iframe des Videos so ein, dass es den Container voll ausfuellt */
.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*mittlerer teil inklusive navileiste unter banner*/
.grid-child {
padding: 3px 15px;
background-color: #white;
}

/* Stellt den Container des Videos responsiv ein */
.responsive-video {
    position: relative; 
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    padding-top: 25px; 
    height: 0;
}
/* Stellt das iframe des Videos so ein, dass es den Container voll ausfuellt */
.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*unterer teil ueber ganze bildschirmbreite*/
.footer {
background-color: #e50000;
  background-image: none;


  /*in footer den container rot fuellen*/
.grid-child {
  background-color: #e50000;
}

/* Text weiss */
.container-footer .mod-menu {
color: #ffffff;
}