@charset "UTF-8";

/* ---------------------------------------------------------------------------
   Editor-Vorschau fuer die Rebranding-Grid-Layouts.

   WARUM: Im Sitefinity-Formulareditor gibt es keinen Package-Kontext und kein
   Bootstrap fuer die Rebranding-Struktur (section.grid-fullwidth > .container >
   .row > .col-*). Die Spalten stuenden dort sonst untereinander. Diese Datei
   bildet nur die Spaltenbreiten nach, damit Redakteure das Layout sehen.

   FRONTEND: Jede Regel haengt an .rdContent - das ist Telerik-RadDock-Chrome und
   existiert ausschliesslich im Backend-Editor (in keiner Frontend-View des
   Projekts). Auf der ausgelieferten Seite greift hier also nichts; dort macht
   weiterhin allein Bootstrap das Layout. NICHT entankern.

   BEWUSST NUR NAEHERUNG: Breakpoints, Gutter und Container-Breite werden NICHT
   nachgebaut - das waere eine zweite Quelle der Wahrheit neben Bootstrap. Der
   Editor ist breit (~1344px), deshalb gilt die lg-Stufe; sie steht unten und
   gewinnt bei gleicher Spezifitaet gegen md.

   Liegt bewusst im ResourcePackage (rdVertrieb/GridSystem) - eine Wahrheit,
   deployt ueber den Glob _CustomFiles_GridSystem in Deploy.pubxml. Eingebunden
   per <link> in den Rebranding_*.html unter GridSystem/Templates. Siehe DMZ-17230.

   NICHT an .grid-fullwidth verankern (DMZ-Ticket Hintergrund-Bug):
   grid-fullwidth ist die einzige nicht-strukturelle Klasse der aeusseren <section>
   und steht damit als Wert im editierbaren Feld "Hintergrund". Aendert/loescht der
   Redakteur den Wert, verschwindet grid-fullwidth vom Element - ein daran
   haengender Selektor greift dann nicht mehr, das .row faellt von flex auf Block
   zurueck und die Spalten stapeln sich untereinander (genau der gemeldete Bug).
   Deshalb an der STABILEN inneren Struktur .container > .row > .grid-content
   verankern; das sind reine Markup-Divs ohne data-sf-element, werden also beim
   Editieren der Section nicht umgeschrieben.

   Frueher grenzte grid-fullwidth die Rebranding-Grids zusaetzlich gegen die
   strukturell identischen IRD-Grids ab (die haben auch .container > .row >
   .grid-content, aber kein grid-fullwidth). Dieses Scoping entfaellt hier bewusst:
   die IRD-Grid-Layouts sind veraltet/deprecated, und die Ueberschneidung ist
   harmlos - eine mitgetroffene IRD-Spalte wuerde hoechstens ebenfalls zweispaltig
   dargestellt (im Seiteneditor macht Bootstrap ohnehin 50/50). Kein Regressionsrisiko.

   Backend-Only bleibt ueber .rdContent erhalten (Telerik-RadDock-Chrome, nur im
   Editor). Der Marker steht in keinem Frontend-Kontext. Siehe DMZ-17230.
   --------------------------------------------------------------------------- */

.rdContent .container > .row {
    display: flex;
    flex-wrap: wrap;
}

.rdContent .container > .row > .grid-content {
    flex: 0 0 auto;
}

/* md-Stufe */
.rdContent .container > .row > .grid-content.col-md-3 { width: 25%; }
.rdContent .container > .row > .grid-content.col-md-4 { width: 33.3333%; }
.rdContent .container > .row > .grid-content.col-md-6 { width: 50%; }
.rdContent .container > .row > .grid-content.col-md-8 { width: 66.6667%; }
.rdContent .container > .row > .grid-content.col-md-10 { width: 83.3333%; }
.rdContent .container > .row > .grid-content.col-md-12 { width: 100%; }
.rdContent .container > .row > .grid-content.col-md-offset-1 { margin-left: 8.3333%; }

/* lg-Stufe - steht bewusst nach md und gewinnt dadurch */
.rdContent .container > .row > .grid-content.col-lg-3 { width: 25%; }
.rdContent .container > .row > .grid-content.col-lg-6 { width: 50%; }
.rdContent .container > .row > .grid-content.col-lg-9 { width: 75%; }