/* Tablet Landscape: Hauptmenü ausblenden und Off-Canvas-Menü anzeigen */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    /* Hauptmenü ausblenden */
    .main-menu {
        display: none !important; /* Stelle sicher, dass das Hauptmenü nicht angezeigt wird */
    }

    /* Off-Canvas-Menü sichtbar machen */
    .offcanvas-menu {
        display: block !important; /* Off-Canvas-Menü anzeigen */
        visibility: visible !important; /* Sicherstellen, dass es sichtbar ist */
        position: fixed; /* Damit es richtig positioniert wird */
        z-index: 9999; /* Über anderen Elementen anzeigen */
    }
}
.notranslate {
  translate: no;
}
.article-list .article {
  position: relative;
  margin-bottom: 30px;
  padding: 20px;
  border: 5px solid #2088b1 !important;
  border-radius: 8px!important ;
}
/* EasyBlog */
#fd .fd-toolbar__link {
  color: #f4f7ff !important;
  background: transparent !important;
  border-color: transparent !important;
  transition: background 0.2s, color 0.2s;
}
#fd .fd-toolbar__link:hover,
#fd .fd-toolbar__link:focus,
#fd .fd-toolbar__link:active {
  background: #1c2f45 !important;
  color: #3ea8fa !important;     
  outline: none !important;
}
#fd .fd-toolbar__submenu-link {
  color: #3ea8fa !important;
  background: transparent !important;
}
#fd .fd-toolbar__submenu-link:hover,
#fd .fd-toolbar__submenu-link:focus,
#fd .fd-toolbar__submenu-link:active {
  background: #1c2f45 !important;
  color: #3ea8fa !important;
}
#eb .eb-entry-head {
   box-shadow: 4px 0px 10px 1px rgba(0,0,0,0.4) !important;
}
#eb .eb-entry-body {
  box-shadow: 4px 4px 10px 1px rgba(0,0,0,0.4) !important;
}
#eb .eb-subscribe-form,
.eb-subscribe-form {
  background-color: #1c2f45 !important;
  padding: 16px !important;
  margin: 16px 0 !important;
  display: flex !important;
  justify-content: center !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.4);
  border-left: 4px solid #4c91c9;
}
#eb .o-empty {
  width: 100%;
  min-height: 200px;
  display: inline-block;
  text-align: center;
  background-color: #1c2f45 !important;
  position: relative;
  display: none;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.4);
  border-left: 4px solid #4c91c9;
}
#eb .eb-entry-author-recents {
  background-color: #1c2f45 !important;
  border-top: 1px solid rgba(var(--fd-gray-200),1);
  border-radius: 0 0 7px 7px;
  padding: 13.333333333333px;
  margin: 20px 0 10px;
  font-size: 13px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.4);
  border-left: 4px solid #4c91c9;
}
#eb .eb-comment-form {
  border: 1px solid rgba(var(--fd-gray-200),1);
  padding: 15px;
  margin-top: 20px;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.15)!important;
  box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.4);
  border-left: 4px solid #4c91c9 !important;
}
#eb .eb-entry-tags {
  display: none;
}
#eb .eb-meta-date{
    color: #d3dce4 !important;
}
#eb .eb-post-author {
    color: #8aa4b5 !important;
}
#eb .eb-post-category comma-seperator {
  color: #d3dce4 !important;
}
#eb .eb-post-meta a {
   color: #d3dce4 !important;
}

#eb .eb-entry-helper {
     color: #d3dce4 !important;
}
#eb .eb-entry-nav-prev,
eb-entry-nav-next {
     color: #d3dce4 !important;
}
#eb .reset-heading {
     color: #d3dce4 !important;
}
#eb .pull-right,
.pull-left{
     color: #d3dce4 !important;
}
#eb .col-cell text-right {
     color: #d3dce4 !important;
}
#eb .eb-entry-author-recents {    
  color: #d3dce4 !important;
}
#eb .eb-comment-body {
      color: #d3dce4 !important;
}
#eb .eb-dialog-title {
      color: #1c2f45 !important;
}
#eb .eb-dialog-content {
      color: #1c2f45 !important;
}
#eb .eb-comment-reply,
.eb-comment-heart,
.fdi fa fa-heart,
.text-muted
{
      color: #d3dce4 !important;
}

#eb .eb-post-hits {
     color: #8aa4b5 !important;
}
#eb .eb-post-comments a{
color: #8aa4b5 !important;
}
#eb .eb-post-related {
    display: none !important;
}
#sp-footer, #sp-bottom {
  background: #1c2f45;
}


.sppb-section.tablet-section,
.sppb-section.tablet-section .sppb-row-container,
.sppb-section.tablet-section .sppb-row,
.sppb-section.tablet-section .sppb-row-column {
  overflow: visible !important;
  position: relative !important;
  z-index: 1;
}

/* Erzwinge für com_users-Seiten das normale Layout */
body.com_users {
  font-size: inherit !important;
  line-height: inherit !important;
}

/* Entfernt die oft gesetzten globalen Container-Skalierungen */
body.com_users #sp-main-body,
body.com_users .container {
  max-width: 100% !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

/* Kunena */
#kunena a,
#kunena a:visited {
  color: #4287f5 !important;
}

#kunena a:hover {
  color: #6ee7b7 !important;
}
/* Kunena Navbar Branding */

#kunena .navbar {
  background-color: #1c2f45 !important; /* deine Brandfarbe */
  border-color: #dee2e6 !important;
}

/* Links */
#kunena .navbar .nav-link {
  color: #ffffff !important;
  transition: color 0.2s ease;
}

/* Hover */
#kunena .navbar .nav-link:hover,
#kunena .navbar .nav-link:focus {
  color: #6ee7b7 !important; /* dein Mint */
}

/* Aktiver Menüpunkt */
#kunena .navbar .active > .nav-link,
#kunena .navbar .nav-link.active {
  color: #6ee7b7 !important;
}

/* Toggler Icon (mobile Menü) */
#kunena .navbar-light .navbar-toggler {
  border-color: rgba(255,255,255,0.4);
}

#kunena .navbar-light .navbar-toggler-icon {
  filter: invert(1);
}
#kunena .form-select{
  color: #dee2e6;
}
#kunena .table {
  --bs-table-color: #dee2e6;
  --bs-table-color-state: #dee2e6;
  --bs-table-color-type: #dee2e6;
}
/* Nur Toggler (Burger) weg */
#kunena .navbar .navbar-toggler {
  display: none !important;
}
/* EasyBlog */
.eb-container a,
.eb-container a:visited {
  color: #4287f5 !important;
}

.eb-container a:hover {
  color: #6ee7b7 !important;
}