/* user.css File for customizing the appearance of the website */

/* ************************************ */
/* Responsive Design for Mobile Devices */
/* ************************************ */

/* Declare smaller Body width with big media */
@media (min-width: 1400px) {
  .site-grid {
    max-width: 1300px;
    margin: 0 auto;
  }
}

/* ************** */
/* General Styles */
/* ************** */

/* Cassiopeia Theme Customizations */
:root {
  --cassiopeia-color-primary: #ff0000;
  --cassiopeia-color-hover: #660000;
  --cassiopeia-color-link: #ff0000;
}

/* Link Styles */
a,
h1,
h2,
h3,
h4 {
  color: #ff0000;
  /* Change link color */
  text-decoration: none;
  /* Remove underline from links */
}

/* Gradient Color for header and footer*/
header {
  background: linear-gradient(90deg, rgba(255, 0, 0, 1) 0%, rgba(131, 8, 8, 1) 50%, rgba(122, 9, 9, 1) 100%);
  background-image: linear-gradient(90deg, rgba(255, 0, 0, 1) 0%, rgba(131, 8, 8, 1) 50%, rgba(122, 9, 9, 1) 100%);
}

/* ************* */
/* Custom-Styles */
/* ************* */

/* Styling of Teamphotos*/
.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 of Trainerphotos */
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);
}

/* Color of Self-created Link-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;
}

/* ******************* */
/* MENU Customizations */
/* ******************* */

/* Centered Display of Menu */
div.container-search {
  margin: 0 auto;
}

/* Centered Display of Navigation */
.navbar {
  margin-right: auto;
  margin-left: auto;
}

/* Footer displaying central */
.footer .grid-child {
  justify-content: center;
}

/* Render Header Description inline with Logo */
div.site-description {
  display: inline;
}

/* Styling of TOPBAR with Logo and Text */
div.container-topbar {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ********************** */
/* Modules Customizations */
/* ********************** */

/* Module custom116 contains the text next to Brand-Logo*/
#mod-custom116 {
  margin-left: 10px;
}

/* Module custom117 contains the Picture with Green and Logo */
#mod-custom117 {
  header {
    background: transparent;
    background-image: none;
  }
}

/* Space between banneritems and Shadows*/
div.banneritem {
  margin-top: .5rem;
  margin-bottom: .5rem;
  box-shadow: .2rem .2rem .05rem grey;
}