/* DARK MODE - focusandfollow.de */

:root {
  --cassiopeia-color-primary: #0d0d0d;
  --cassiopeia-color-link: #aaaaaa;
  --cassiopeia-color-hover: #1a1a1a;
}

body {
  background-color: #0d0d0d !important;
  color: #e0e0e0 !important;
}

.container-header,
.container-header .grid-child,
#sp-header, header {
  background-color: #0d0d0d !important;
  background-image: none !important;
  box-shadow: none !important;
}

nav.navbar, .navbar {
  background-color: #0d0d0d !important;
}

a { color: #aaaaaa !important; }
a:hover { color: #ffffff !important; }

h1, h2, h3, h4, h5 {
  color: #ffffff !important;
  font-weight: 300;
  letter-spacing: 0.08em;
}

.site-name, .navbar-brand {
  color: #ffffff !important;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

.nav-item a, .navbar-nav a {
  color: #888888 !important;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 12px;
}

.nav-item a:hover { color: #ffffff !important; }

.jg-image-container, .jg-category-container {
  background: #1a1a1a !important;
  border: none !important;
  box-shadow: none !important;
}

.jg-category-title a {
  color: #cccccc !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 11px;
}

.jg-image img, .jg-category img {
  opacity: 0.85;
  transition: opacity 0.3s ease;
}

.jg-image img:hover, .jg-category img:hover {
  opacity: 1;
}

#sp-main-body, .container, .site-grid {
  background-color: #0d0d0d !important;
}

footer, #sp-footer {
  background-color: #0d0d0d !important;
  border-top: 1px solid #1a1a1a !important;
  color: #444444 !important;
}

input, textarea, select {
  background: #1a1a1a !important;
  border: 1px solid #2a2a2a !important;
  color: #cccccc !important;
}

.btn, button[type="submit"] {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.3) !important;

/* Logo */
.site-name a, .navbar-brand {
  text-decoration: none !important;
}

/* Navigation */
.navbar-nav .nav-link {
  color: #888888 !important;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 12px;
  padding: 0 15px !important;
}

.navbar-nav .nav-link:hover {
  color: #ffffff !important;
}

/* Back-Button und Breadcrumb verstecken */
.btn.btn-secondary {
  display: none !important;
}

/* Kategorie-Titel aufräumen */
.page-header {
  border-bottom: 1px solid #1a1a1a !important;
  margin-bottom: 30px;
}

/* Kategorie-Labels unter den Fotos */
.jg-category-title {
  background: transparent !important;
  border: none !important;
  padding: 8px 0 !important;
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
}

/* Dropdown Menü */
.nav-item .dropdown-menu {
  background-color: #0d0d0d !important;
  border: 1px solid #2a2a2a !important;
}

.dropdown-item {
  color: #888888 !important;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 12px;
}

.dropdown-item:hover {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
}

.com_joomgallery a.jg-link {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

main h2 {
  display: none !important;
}

.featured .article-header,
.featured .article-info,
.featured h2.article-title,
.featured .page-header {
  display: none !important;
}
.items-row .article-info,
.items-row .article-header,
.items-row h2,
.items-row .article-info-block,
.blog .article-info,
.blog h2.article-title,
.blog .article-header {
  display: none !important;
}

.view-featured .article-header,
.view-featured .article-info,
.view-featured .article-info-block {
  display: none !important;
}

/* WhatsApp Button */
.whatsapp-float {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 56px;
  height: 56px;
  background: #25d366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
  transition: transform 0.2s ease;
}

.whatsapp-float:hover {
  transform: scale(1.1);
}

.whatsapp-float svg {
  width: 30px;
  height: 30px;
  fill: #ffffff;
}

.pager { display: none !important; }
  
.pager, .pagination-wrapper { display: none !important; }
  
.pager, .pagination-wrapper, nav.com-content-category-blog__pagination {
  display: none !important;
}

a.btn.btn-secondary.float-end {
  display: none !important;
}
  
ul.pagination, .pagination, nav[aria-label="pagination"] {
  display: none !important;
}

a.btn.btn-secondary[href*="limitstart"] {
  display: none !important;
}

a.btn-secondary, .btn-secondary {
  display: none !important;
}

nav.pagenavigation {
  display: none !important;
}

.pagenavigation {
  display: none !important;
}