/**
 * Zentrale CSS-Datei für eigene Anpassungen
 * ==========================================
 *
 * Das vollständige Originaldesign befindet sich weiterhin in:
 * /assets/contaomaster/css/all.css
 *
 * Diese Datei wird danach geladen. Dadurch können hier gezielt einzelne
 * Angaben überschrieben werden, ohne das bestehende Layout zu verändern.
 *
 * WICHTIG:
 * Keine allgemeinen Klassen wie `.inside`, `.container`, `body`, `img`,
 * Überschriften oder Formulare global verändern. Diese Klassen steuern im
 * Originaldesign gleichzeitig Header, Navigation, Slider, Inhalt und Footer.
 */

/* --------------------------------------------------------------------------
   Header und Navigation
   -------------------------------------------------------------------------- */

/* Eigene Anpassungen bei Bedarf möglichst mit #header beginnen:
 *
 * #header { ... }
 * #header .logo { ... }
 * #mainNav { ... }
 * #mainNav .mod_navigation { ... }
 */

/* --------------------------------------------------------------------------
   Slider
   -------------------------------------------------------------------------- */

/* Beispiele:
 *
 * #slider { ... }
 * #slider .slider-text { ... }
 */

/* --------------------------------------------------------------------------
   Hauptinhalt
   -------------------------------------------------------------------------- */

/* Beispiele:
 *
 * #main { ... }
 * #main .mod_article { ... }
 * #main .ce_text { ... }
 */

/* --------------------------------------------------------------------------
   Akkordeon
   Die Icons fehlten in der exportierten Website und werden deshalb hier
   gezielt ergänzt. Alle übrigen Abmessungen kommen aus dem Originaldesign.
   -------------------------------------------------------------------------- */

.ce_accordion .toggler {
  background-image: url("/images/off.svg");
  background-repeat: no-repeat;
}

.ce_accordion .toggler:hover {
  background-image: url("/images/off.svg");
}

.ce_accordion .toggler.active,
.ce_accordion .toggler.active:hover {
  background-image: url("/images/on.svg");
}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */

/* Eigene Anpassungen bei Bedarf möglichst mit #footer beginnen:
 *
 * #footer { ... }
 * #footer .mod_navigation { ... }
 */

/* --------------------------------------------------------------------------
   Mobile Darstellung
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
  /* Mobile Anpassungen hier eintragen. */
}


/* Alle Hauptnavigationspunkte außer Startseite ausblenden */
#mainNav .mod_navigation > ul > li:not(:first-child) {
  display: none;
}

#footer .mod_navigation > ul > li:not(:first-child) {
  display: none !important;
}

/* Im Footer nur die erste Spalte anzeigen */
#footer .row > .col-md-3.col-xs-6.p30:not(:first-child) {
  display: none;
}

.hidden {
  display: none !important;
}

.d-flex-center {
  display: flex;
  justify-content: center;
}