@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.
   --------------------------------------------------------------------------- */

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

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

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

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