/* ==============================================
   user.css – Bettfedernreinigung-Neugersdorf
   Nur Braun (#63301d & Varianten) + Beige/Creme (#f8f4ed etc.)
   Kein Orange, keine Cassiopeia-Blautöne, starke Überschriften-Kontrast
   ============================================== */

:root {
  /* Primär = dunkles Braun – ersetzt ALLE blauen Akzente */
  --cassiopeia-color-primary:     #63301d !important;
  --cassiopeia-color-hover:       #63301d !important;
  --cassiopeia-color-active:      #3f2a1f !important;

  /* Links – weg vom Blau */
  --cassiopeia-color-link:        #63301d !important;
  --cassiopeia-color-link-hover:   #63301d !important;

  /* Kontrastfarbe für Text auf Braun */
  --cassiopeia-color-contrast:    #f5f0e1 !important;   /* helles Beige */

  /* Header/Footer */
  --cassiopeia-header-bg:         #63301d !important;
  --cassiopeia-header-color:      #f5f0e1 !important;
  --cassiopeia-footer-bg:         #63301d !important;
  --cassiopeia-footer-color:      #f5f0e1 !important;

  /* Body / Hauptbereich – helles Beige */
  --cassiopeia-body-bg:           #f8f4ed !important;
  --cassiopeia-body-color:        #3f2a1f !important;

  /* Buttons komplett braun */
  --cassiopeia-btn-bg:            #63301d !important;
  --cassiopeia-btn-color:         #f5f0e1 !important;
  --cassiopeia-btn-hover-bg:      #63301d !important;
  --cassiopeia-btn-hover-color:   #f5f0e1 !important;

  /* Zusätzliche Variablen für Transparenz-Probleme */
  --bs-link-color:                #63301d !important;
  --bs-link-hover-color:          #63301d !important;
}

/* ==============================================
   Überschriften (h1-h6) – KEINE Transparenz mehr, voller Kontrast
   ============================================== */
h1, h2, h3, h4, h5, h6,
.component-heading, .page-header h1, .page-header h2,
.mod-custom h3, .mod-custom h4,
.article-header h1, .article-header h2 {
  color: #3f2a1f !important;               /* dunkles Braun – sehr gut lesbar */
  opacity: 1 !important;
  font-weight: 600 !important;             /* etwas kräftiger */
}

/* Speziell für transparente/helle Überschriften in Modulen/Footer */
#links a, #footer a, .footer h3, .footer h4,
.mod-footer h3, .mod-footer h4,
privacy-policy-heading, .impressum-heading {
  color: #f5f0e1 !important;               /* helles Beige auf dunklem Footer */
  opacity: 1 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);  /* leichter Schatten für besseren Kontrast */
}

/* ==============================================
   Links & Hover – weg vom Blau, nur Braun
   ============================================== */
a {
  color: #63301d !important;
  text-decoration: underline;
}
a:hover, a:focus, a:active {
  color: #63301d !important;
  text-decoration-thickness: 2px !important;
}

/* ==============================================
   Rechtes Mainmenü (Off-Canvas / Sidebar)
   ============================================== */
#offcanvas-mainmenu,
.cassiopeia-sidebar-right .mod-menu,
.mod-menu.mod-list {
  background-color: #f8f4ed !important;
  border: 1px solid #d9c7b0 !important;
}

.nav-menu > li > a,
.mod-menu.mod-list a {
  color: #63301d !important;
  background: transparent !important;
  padding: 0.6rem 1rem !important;
}

.nav-menu > li > a:hover,
.nav-menu > li.active > a,
.mod-menu.mod-list a:hover,
.mod-menu.mod-list .active > a {
  background-color: #63301d !important;
  color: #f5f0e1 !important;
  border-radius: 0 !important;
}

/* Untermenüs */
.dropdown-menu, .mod-menu .dropdown-menu {
  background-color: #f0e9db !important;
  border: 1px solid #d9c7b0 !important;
}

.dropdown-item:hover, .dropdown-item:focus {
  background-color: #63301d !important;
  color: #f5f0e1 !important;
}

/* ==============================================
   Header/Banner – exakt wie Grafik
   ============================================== */
#cassiopeia-header,
header[role="banner"],
.container-header,
.mod-header, .banner,
header > div:first-child {
  background-color: #63301d !important;
  color: #f5f0e1 !important;
}

.site-title, .brand, h1.logo-text, .logo a {
  color: #f5f0e1 !important;               /* heller Text auf Braun */
}
SS/* ==============================================
   HEADER-OPTIMIERUNG – Farben & Stil erhalten, aber sauber/professionell
   ============================================== */

/* Allgemeine Schriftverbesserung für bessere Lesbarkeit */
body {
    font-family: 'Arial', 'Helvetica Neue', Helvetica, sans-serif !important;
}

/* Header-Container ansprechen – sehr breite Selektoren, damit es bei Tabellen & inline-Styles greift */
body > table:first-child,
body > div:first-child,
div[style*="background-color: brown"],
div[style*="background: brown"],
div[style*="background-color:#8B4513"],
div[style*="background:#8B4513"],
*[bgcolor="brown"],
*[bgcolor="#8B4513"],
table[bgcolor="brown"],
table[bgcolor="#A0522D"],
tr[bgcolor="brown"],
td[bgcolor="brown"],
font[color="orange"][size="7"],
font[color="orange"][size="6"] {
    background-color: #5c3317 !important;          /* etwas dunkleres, edleres Braun – nah am Original */
    background-image: none !important;
    padding: 25px 20px !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    border-bottom: 3px solid #d35400 !important;  /* oranger Akzent als Trennlinie */
    text-align: center !important;
}

/* Orange Haupt-Überschrift – größer, aber nicht klobig, mit Schatten für Lesbarkeit */
font[color="orange"][size="7"],
font[color="orange"][size="6"],
*[style*="color: orange"][style*="font-size: 4"],
div:contains("BETTTFEDERN REINIGUNG"),
span:contains("BETTTFEDERN REINIGUNG") {
    font-family: 'Arial Black', 'Arial', sans-serif !important;
    font-size: 3.4rem !important;           /* ca. 54–60 px – dominant aber nicht übertrieben */
    font-weight: 900 !important;
    letter-spacing: 1.5px !important;
    color: #ff8c00 !important;              /* etwas weicheres, professionelleres Orange */
    text-shadow: 2px 2px 4px rgba(0,0,0,0.6) !important;
    margin: 0 0 12px 0 !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
}

/* Heidi Müller – klar getrennt, seriöser */
font:contains("HEIDI MÜLLER"),
*[style*="HEIDI MÜLLER"],
div:contains("HEIDI MÜLLER") {
    font-size: 2.1rem !important;
    font-weight: bold !important;
    color: #f5f5dc !important;              /* cremiges Beige – passt super zu Braun */
    margin: 0 0 18px 0 !important;
    letter-spacing: 0.8px !important;
}

/* Öffnungszeiten – hervorgehoben, aber dezent */
*[style*="Öffnungszeiten"],
div:contains("Öffnungszeiten"),
div:contains("Sonnabend") {
    font-size: 1.35rem !important;
    font-weight: 500 !important;
    color: #fffdd0 !important;              /* helles Creme/leicht gelblich */
    background-color: rgba(92, 51, 23, 0.4) !important;  /* halbtransparentes Braun */
    padding: 12px 24px !important;
    border-radius: 8px !important;
    display: inline-block !important;
    margin: 10px auto 0 auto !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important;
}

/* Responsives Verhalten – wichtig für Handy */
@media (max-width: 768px) {
    font[color="orange"][size="7"],
    *[style*="color: orange"][style*="font-size"] {
        font-size: 2.6rem !important;
    }
    font:contains("HEIDI MÜLLER") {
        font-size: 1.7rem !important;
    }
    *[style*="Öffnungszeiten"] {
        font-size: 1.15rem !important;
        padding: 10px 18px !important;
    }
}