/* Padding des Bodys verkleinern */
#sp-main-body {
    padding: 25px 0;
}
 
/* Linkfarben in Rot */
a {
  color: #ff0000;
}

/* Überschriften in rot */
h1,h2,h3,h4 {
  color: #ff0000;
}

/* Farbverlauf im Hintergrund vom Header und Footer */
#sp-header, #sp-footer {
  background: rgb(255,0,0);
  background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(131,8,8,1) 50%, rgba(122,9,9,1) 100%);
}

/* Anpassungen im Menu: Itemfarbe, Textdekorationen */
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {
  color: #ffffff;
  text-decoration: underline;
  text-decoration-color: #c66868;
  text-decoration-thickness: 0.3em;
}

.sp-megamenu-parent > li:hover > a {
  text-decoration: underline overline;
  text-decoration-color: #ffffff;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    color: #ffffff;

}

/* Farbe des Artikeltitels */
.entry-header h2 {
  color: #ff0000;
}

/* Farbe des Weiterlesen Buttons */
/* To-Do: Transition Farbe noch anpassen */
.btn-secondary {
    color: #ffffff;
    background-color: #770404;
    border-color: #6c757d;
}

.btn {
    display: inline-block;
    font-weight: 200;
    line-height: 1.0;
    padding: .2rem .75rem;
}

/* Farbe der Striche des Hamburger-Menus */
#offcanvas-toggler > i {
    color: #ffffff;
}

/* Abstand der Werbebanner und Schatten*/
div.banneritem {
  margin-top: .3rem;
  margin-bottom: .3rem;
  box-shadow: .2rem .2rem .05rem grey;
}

/* Styling der Bannermodule auf der Seite Werbepartner */
div.banneritem_gross>.banneritem {
  display: inline-flex;
  width: 40%;
  color: #ff4422;
  padding: 5%;
}

/* Styling der Mannschaftsfotos */
.mannschaftsfoto {
  border-radius: 10px; 
  height: auto; 
  display: block; 
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* Styling des Newsflashmodules und des Titelbildes (Kunstrasen mit Logo) */
div.nopad {
  padding: 0 0 0 0;
}
.newsflash {
  width: 100%;
  background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(131,8,8,1) 50%, rgba(122,9,9,1) 100%);
  color: white;
  margin-top: 0px;
  font-size: 1.2rem;
  display: block;
  text-align: center;
}

#sp-title > div > div.sp-module.newsflash > div > div > p > a {
  color: white
}

/* Styling der Trainerfotos */
div.trainerfoto img {
  border-radius: 10px; 
  height: auto; 
  display: block; 
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  
}