/* =========================================================
LAYOUT.CSS

Allgemeines Seiten- und Elementlayout

Zuständig für:

- Container
- Zeilen und Spalten
- Zentrierung
- Inhaltsbereiche
- allgemeine Layout-Bereiche
- responsive Anpassungen

Farben werden zentral aus farben.css bezogen.
========================================================= */

/* =========================================================
ANCHOR Container
========================================================= */

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

/* =========================================================
ANCHOR Zeile
========================================================= */

.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

/* =========================================================
ANCHOR Spalte
========================================================= */

.col-md-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
  padding: 0 15px;
}

/* =========================================================
ANCHOR Automatische Zentrierung
========================================================= */

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

/* =========================================================
ANCHOR Inhalt
========================================================= */

.Inhalt {
  padding: 12px 16px;
}

/* =========================================================
ANCHOR Link-Bereich
========================================================= */

.link-section {
  margin: 20px 0;
  text-align: center;
}

/* =========================================================
ANCHOR App-Jahresanzeige
========================================================= */

#app-jahr {
  text-align: center;
}

/* =========================================================
ANCHOR Responsive Layout
========================================================= */

@media (max-width: 768px) {
  .container {
    width: 100%;
    padding: 0 15px;
  }

  .row {
    margin: 0;
  }

  .col-md-8 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
  }
}

/* =========================================================
ENDE LAYOUT.CSS
========================================================= */