/* ================================
   Off-Canvas-Menü – Extra-Blöcke
   (Äther, Suche, Meta-Links)
   ================================ */

/* Wrapper unterhalb des normalen Canvas-Menüs */
.slideout-navigation .th-canvas-extra{
  padding: 14px 26px 26px;
  border-top: 1px solid #2a3038;
}

/* Abstand zwischen den Blöcken */
.slideout-navigation .th-canvas-block{
  margin-bottom: 16px;
}

.slideout-navigation .th-canvas-block:last-child{
  margin-bottom: 0;
}

/* Allgemeine Link-Optik im Extra-Bereich */
.slideout-navigation .th-canvas-link {
  font-family: monospace;
  display: block;
  font-size: 15px;
  line-height: 1.45;
  color: #c7cbd0;
  text-decoration: none;
}

.slideout-navigation .th-canvas-link:hover{
  color: #d4c797;
}

/* ================================
   Äther-Block
   ================================ */

.slideout-navigation .th-canvas-block--aether{
	/*margin-top: 10px;*/
  margin-bottom: 30px;
}

.slideout-navigation .th-canvas-link--aether{
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .01em;
  color: #d4c797;
}

/* ================================
   Meta-Links (Log / Trollhunter / Rechtliches)
   ================================ */

.slideout-navigation .th-canvas-block--meta .th-canvas-link{
  font-size: 12px;
  margin-bottom: 18px;
  color: #6a6b6d;
}

.slideout-navigation .th-canvas-block--meta .th-canvas-link:hover{
  color: #d4c797;
}

/* ================================
   Mobile-Anpassungen
   ================================ */

@media (max-width: 768px){
  .slideout-navigation .th-canvas-extra{
    padding: 18px 18px 22px;
  }

  .slideout-navigation .th-canvas-link--aether{
    font-size: 12px;
  }
}