/* ==========================================================================
   1. TRUE-TYPE (TTF) SCHRIFTART REGISTRIEREN & GLOBAL ZUWEISEN
   ========================================================================== */
@font-face {
  font-family: 'ClanSchrift'; /* Der Name, mit dem wir die Schrift im CSS ansprechen */
  src: url('../fonts/PortagoITC_TT.ttf') format('truetype'); /* Exakter Dateiname Ihrer hochgeladenen Schrift */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Zwingt ausnahmslos alle Elemente der gesamten Webseite in Ihre neue Schrift */
*, body, html, p, div, h1, h2, h3, h4, h5, h6, a, span, li, button, input {
  font-family: 'ClanSchrift', sans-serif !important;
}

/* Erhöht die Standard-Schriftgröße für alle normalen Texte auf der Seite */
body, p, li, div {
  font-size: 1.15rem !important; 
  line-height: 1.6 !important;   
}

/* Erhöht gezielt die Schriftgröße des linken Menüs */
.sidebar-left .mod-menu a {
  font-size: 1.2rem !important;  
}

/* ==========================================================================
   2. BESTEHENDE SCARBUTT.DE DESIGN- & FARB-REGELN
   ========================================================================== */

/* Erzwingt die dunkelgraue Hintergrundfarbe für den gesamten Kopfbereich */
.container-header {
  background-color: #1e1e1e !important;
  background-image: none !important;
}

/* Färbt das Menü und Links im Kopfbereich weiß, damit sie lesbar sind */
.container-header a, 
.container-header .mod-menu a {
  color: #ffffff !important;
}

/* Ändert die Farbe auf Rot, wenn man mit der Maus über das Menü fährt */
.container-header a:hover, 
.container-header .mod-menu a:hover {
  color: #cc0000 !important;
}

/* Färbt die normalen Textlinks im Inhalt der Seite rot */
main a {
  color: #cc0000 !important;
}

/* Hintergrundfarbe komplett auf REINWEISS passend zum Logo geändert */
body {
  background-color: #ffffff !important;
}

/* ==========================================================================
   3. BANNER-ANPASSUNG (Zwingt das LAN-Party-Bild auf volle 100% Breite)
   ========================================================================== */

.header {
  display: block !important;
}

.navbar-brand,
.brand-logo {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.brand-logo img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

/* ==========================================================================
   4. FOOTER-REMANIPULATION (Weißer Grund, Zentrierung & Button-Ausblendung)
   ========================================================================== */

/* Entfernt das Weinrot aus dem Footer und macht ihn reinweiß */
.container-footer {
  background-color: #ffffff !important;
  background-image: none !important;
  border-top: none !important;
  box-shadow: none !important;
  padding: 2rem 0 !important;
}

/* Zwingt das Joomla-Grid-System im Fußbereich zur vollen Breite ohne Spalten */
.container-footer .footer {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
}

/* Zwingt das Modul und alle enthaltenen Absätze und Boxen unweigerlich in die Mitte */
.container-footer,
.container-footer .mod-custom,
.container-footer .mod-custom > div,
.container-footer p,
.container-footer footer {
  text-align: center !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  display: block !important;
}

/* Entfernt den grauen Kasten/Hintergrund um den Text im Footer */
.container-footer div {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Blendet den runden "Nach oben"-Button unten rechts dauerhaft aus */
#back-top, .back-to-top, .scroll-to-top {
  display: none !important;
}