/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 18 2025 | 19:48:31 */
/* ===========================
   FEMDOM WEDDING — DARK THEME
   =========================== */

/* Farbvariablen (nur zur Übersicht) */
:root{
  --bg:#222222;          /* dunkles Grau: Seitenhintergrund & Container */
  --text:#ffffff;        /* Text weiß */
  --muted:#dddddd;       /* hellgrau (Links/sekundär) */
  --hover:#cccccc;       /* Hover hellgrau */
  --accent:#800020;      /* elegantes, dunkles Rot (Burgundy) */
  --rule:#333333;        /* zarte Linienfarbe */
}

/* Basis: Seite dunkel, Text weiß, keine „hellen Ränder“ */
html, body, .site, .site-content {
  background: var(--bg) !important;
  color: var(--text) !important;
}

/* Überschriften & Standard-Links im Content */
h1,h2,h3,h4,h5,h6 { color: var(--text) !important; }
.entry-content a { color: var(--muted); }
.entry-content a:hover, .entry-content a:focus { color: var(--hover); }

/* GeneratePress Layout-Varianten angleichen */
.separate-containers .inside-article,
.separate-containers .inside-page-header,
.separate-containers .comments-area,
.separate-containers .paging-navigation,
.separate-containers .sidebar .widget,
.one-container .site-content,
.one-container .inside-article {
  background: var(--bg) !important;
  color: var(--text) !important;
  box-shadow: none !important;
  border: none !important;
}

/* Header (Site-Info/Titel) dunkel, Schrift weiß */
.site-header, .inside-header {
  background: var(--bg) !important;
  border-bottom: 1px solid var(--rule);
}
.site-branding .main-title a,
.site-branding .site-title a,
.site-branding .site-description {
  color: var(--text) !important;
}

/* Navigation: dunkel, Schrift weiß; Hover hellgrau, aktiv Burgund */
.main-navigation {
  background: var(--bg) !important;
  border-top: none; border-bottom: 1px solid var(--rule);
}
.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items .search-item a {
  color: var(--text) !important;
}
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li a:focus {
  color: var(--hover) !important;               /* Hover: hellgrau */
}
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current-menu-ancestor > a {
  color: var(--accent) !important;              /* aktiv: edles Rot */
  font-weight: 600;
}

/* Mobile Menü sicherstellen */
@media (max-width: 768px){
  .main-navigation .menu-toggle { color: var(--text) !important; border-color: var(--text) !important; }
  .main-navigation .main-nav ul li a { color: var(--text) !important; }
}

/* Home-Seite: Leseblock zentriert & größer (ID anpassen, falls nötig) */
.page-id-6 .entry-title { display: none; }      /* „Home“-Titel ausblenden */
.page-id-6 .entry-content{
  max-width: 820px;
  margin: 3rem auto;
  padding: 0 1rem;
  text-align: center;
  font-size: 1.3rem;                            /* du kannst hier später erhöhen */
  line-height: 1.6;
  letter-spacing: .3px;
  color: var(--text) !important;
}

/* Footer dunkel, gut lesbar */
.site-footer, .site-info {
  background: var(--bg) !important;
  color: var(--muted) !important;
  border-top: 1px solid var(--rule);
}
.site-info a { color: var(--text) !important; }
.site-info a:hover { color: var(--hover) !important; }
