/* Überflüssige Tags ausblenden */
#sp-section-1 {
  display: none !important; 
}

/* Hintergrundfarbe außerhalb vom Template  */
body {
  background-color: #f1f1f1;
}

/* Hintergrundfarbe etc. Bereich oberhalb vom Header */
#sp-top-bar {
  background-color: #ffffff !important;
  border-bottom: 1px solid #d1d1d1;
  margin-bottom: 3px;
}


/* Links-Oberhalb vom Header */
#sp-top1::after{
  content:"Mein Verein";
 /* font-family: "French Script MT", Times, serif;    bei HighEnde  */
  font-family: Georgie,Times,cursive;
  font-size: 20px;   /* HighEnd: 35px */
  color: #0089b6;
  /* font-weight: bold;  */
 /*  margin-left: 85px;  */
  font-style: oblique;
}


/* Header-Menü */
#sp-header {
  color: #1E7FE0;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
}

.sp-menu-item li {
  font-weight: normal;
  line-height: 1.5;
  text-transform: capitalize; 
}

/* Einzug (oben & links) vom Content-Anfang */
#sp-main-body {
  padding-top: 30px !important;
  padding-left: 25px !important;
}

/* Menü linksbündig anordnen/versetzen */
.flex-auto {
  flex: inherit !important;
}


/* 1. NUR Mobile (0px bis 767px) */
@media (min-width: 0px) and (max-width: 767px) {
  .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent li.menu-parent .menu-toggler
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item > span::after {
    content: " ›"; 
    margin-left: 6px !important;
    display: inline-block !important;
    color: #666666; 
    font-family: inherit !important;
    } 
}

/* 2. NUR Tablet (768px bis 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item > span::after {
    content: " ›"; 
    margin-left: 6px !important;
    display: inline-block !important;
    color: #666666; 
    font-family: inherit !important;
    }   
}

/* 3. NUR Desktop (ab 1024px) */
@media (min-width: 1024px) {
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item > span::after {
    content: " ›"; 
    margin-left: 6px !important;
    display: inline-block !important;
    color: #666666; 
    font-family: inherit !important;
    } 
}






/* Sonderzeichen hinter Menüpunkten (2. Ebene) im Dropdown einfügen */



/* Abgerundete Ecken sowie Schattenfunktion */ 
.body-innerwrapper {
  border-radius: 1em;
  box-shadow: 10px 10px 15px silver !important;
}

/* Style für das FC-Logo (im Header) */
.fc_logo_header,
.logo-image     {
  height: 68px !important;
}


/* Footer: Schriftposition */
.footer_pos {
  text-align: center;
}


/* Hintergrundfarbe etc. Bereich oberhalb vom Header */
#sp-top-bar {
  background-color: #ffffff !important;
  border-bottom: 1px solid #d1d1d1;
  margin-bottom: 3px
}

#sp-section-2 {
  border-bottom: 1px solid #d1d1d1;
}



/* Ausblenden von "featured" beim Haupteintrag (Startseite) */
.article-list .article .featured-article-badge, 
span.badge.featured-article-badge { 
    display: none !important; 
}


/* Änderungen im Bottom L1 */
.bottom_l1  { }

.bottom_l1_link::before {}

.bottom_l1_link img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.bottom_l1_link:visited,
.bottom_l1_link:active,
.bottom_l1_link:hover,
.bottom_l1_link:link
{
  background-color: #13314c !important;  /* Sorgt dafür, dass sich die BG nach Anklicken nicht ändert */
}


/* Änderungen im Bottom L2 */
.bottom_l2  { }


/* Änderungen im Bottom L3 */
.bottom_l3  { }


.bottom_menue {
  margin-bottom: -3px;
}

.bottom_menue_xa {
  margin-top: -12px;
}


/* Erzwingt, dass der Hintergrund unverändert bleibt */
.bottom_menue_1a, 
.bottom_menue_xa {
  background-color: #0089b6 !important;
  color: #fff !important;
  content: " ›";
}



/* Kontaktformular: Abstand oberhalb der Buttons */
.justify-content-center {
  margin-top: 15px !important;
}




/* Offline-Seite */
/* 1. NUR Mobile (0px bis 767px) */
@media (min-width: 0px) and (max-width: 767px) {
  .offline-mode {
    background-image: url('../images/fcw_uc_trans.png') !important;
    background-color: #e3f2fd;  
    background-position: center; 
    background-size: 40% !important;
    margin-top: 200px; 
	}
}

/* 2. NUR Tablet (768px bis 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
 .offline-mode {
   background-image: url('../images/fcw_uc_trans.png') !important;
   background-color: #e3f2fd;
   background-position: center; 
   background-size: 20% !important;
   margin-top: 200px; 
   }
}

/* 3. NUR Desktop (ab 1024px) */
@media (min-width: 1024px) {
  .offline-mode {
    background-image: url('../images/fcw_uc_trans.png') !important;
    background-color: #e3f2fd;
    background-position: center; 
    background-size: 15% !important;
    margin-top: 200px; 
    }
}

.btn-success  {
  background-color: #1E7FE0 !important;
}