/* ============================================================
   ATG-Gigerl - SPALTEN-CONTAINER
   Liegt unter: fileadmin/templates/css/container.css
   Stand: 22.09.2026 - neu

   Gehoert zu den sechs Container-Inhaltselementen von
   bootstrap_package (1 Spalte, 50/50, 25/75, 75/25, 3 Spalten,
   4 Spalten). Die Ausgabe dafuer fehlt in der installierten
   Fassung der Erweiterung komplett - sie steht deshalb bei uns:
   fluid/Container.html und der Abschnitt SPALTEN-CONTAINER in
   autogentechnik.typoscript.

   Muss NACH tokens.css und NACH design.css geladen werden:
   die Datei braucht die Variablen von dort und nimmt den
   Kind-Elementen den Seitenrand wieder weg, den design.css
   jedem .frame-container gibt.

   In dieser Datei steht keine einzige Zahl. Aufteilung,
   Spaltenabstand und das Verhalten an den Breakpoints stehen
   in tokens.css im Abschnitt SPALTEN-CONTAINER.
   ============================================================ */


/* Das Raster. Welche Spaltenbreiten gelten, entscheidet die
   Klasse atg-cols--<variant>; die Werte dazu stehen in
   tokens.css und werden dort je Breakpoint neu gesetzt. */
.atg-cols {
    display: grid;
    gap: var(--atg-col-gap);
    /* Spalten beginnen oben, statt auf gleiche Hoehe gezogen zu
       werden - sonst haengt kurzer Text neben einem hohen Bild
       in der Luft. */
    align-items: start;
}

.atg-cols--1       { grid-template-columns: var(--atg-col-1); }
.atg-cols--2       { grid-template-columns: var(--atg-col-2); }
.atg-cols--2-right { grid-template-columns: var(--atg-col-2-right); }
.atg-cols--2-left  { grid-template-columns: var(--atg-col-2-left); }
.atg-cols--3       { grid-template-columns: var(--atg-col-3); }
.atg-cols--4       { grid-template-columns: var(--atg-col-4); }


/* Eine Grid-Spalte ist von Haus aus mindestens so breit wie ihr
   laengstes unteilbares Wort. Ohne diese Zeile sprengt
   "Zentrale Gasversorgungen und Rohrleitungsbau" in einer
   Viertelspalte das ganze Raster nach rechts. */
.atg-cols__col {
    min-width: 0;
}


/* Jedes Inhaltselement steckt in einem .frame-container, und
   der bekommt in design.css die Seitengeometrie der Seite:
   Hoechstbreite plus --atg-gutter links und rechts. Fuer ein
   Element INNERHALB einer Spalte ist das falsch - der
   Seitenrand steckt bereits im Rahmen des Containers selbst.
   Ohne diese Regel stuende in jeder Spalte noch einmal der
   volle Seitenrand, bei 1440px also 100px je Seite. */
.atg-cols .frame-container {
    max-width: none;
    padding-inline: 0;
}