/* =========================================================
   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 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
   ========================================================= */