Styleguide

Daten Mehrspaltig

Daten Mehrspaltig

DV-Vertagsnummer

1234567890123
1234567890123

Kontaktdaten

unbekannt
unbekannt
Seiberling Industries
Test 22
60233
Test-Hausen 1

Vertragsdaten

8.12.2015
DV FACTORING

Factoring

123213423
120.222 €

  <div class="o-panel">
    <div class="o-panel__body o-panel__padding o-data__body">
      <div class="row">
        <div class="col-md-6">
          <div class="row">
            <div class="col-md-12">
              <h1 class="o-data__header">DV-Vertagsnummer</h1>
            </div>
          </div>
          <div class="row">
            <div class="col-md-5">
              <label class="o-data__label">DV Kundennr. Abrechnung</label>
            </div>
            <div class="col-md-5">
              <div class="o-data__value">1234567890123</div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-5">
              <label class="o-data__label">Vertragsnummer</label>
            </div>
            <div class="col-md-4">
              <div class="o-data__value">1234567890123</div>
            </div>
          </div>

          <div class="row">
            <div class="col-md-12">
              <h1 class="o-data__header o-data__header--margin">Kontaktdaten</h1>
            </div>
          </div>
          <div class="row">
            <div class="col-md-4">
              <label class="o-data__label">Rechtsform</label>
            </div>
            <div class="col-md-4">
              <div class="o-data__value">unbekannt</div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-4">
              <label class="o-data__label">Anrede</label>
            </div>
            <div class="col-md-4">
              <div class="o-data__value">unbekannt</div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-4">
              <label class="o-data__label">Firma</label>
            </div>
            <div class="col-md-4">
              <div class="o-data__value">Seiberling Industries</div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-4">
              <label class="o-data__label">Straße, Hausnummer</label>
            </div>
            <div class="col-md-4">
              <div class="o-data__value">Test 22</div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-4">
              <label class="o-data__label">PLZ</label>
            </div>
            <div class="col-md-4">
              <div class="o-data__value">60233</div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-4">
              <label class="o-data__label">Ort</label>
            </div>
            <div class="col-md-4">
              <div class="o-data__value">Test-Hausen 1</div>
            </div>
          </div>

        </div>
        <div class="col-md-6">
          <div class="row">
            <div class="col-md-12">
              <h1 class="o-data__header">Vertragsdaten</h1>
            </div>
          </div>
          <div class="row">
            <div class="col-md-5">
              <label class="o-data__label">Vertragsbeginn</label>
            </div>
            <div class="col-md-4">
              <div class="o-data__value">8.12.2015</div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-5">
              <label class="o-data__label">Produktart</label>
            </div>
            <div class="col-md-4">
              <div class="o-data__value">DV FACTORING</div>
            </div>
          </div>

          <div class="row">
            <div class="col-md-12">
              <h1 class="o-data__header o-data__header--margin">Factoring</h1>
            </div>
          </div>
          <div class="row">
            <div class="col-md-5">
              <label class="o-data__label">Vertragsnummer Factoring</label>
            </div>
            <div class="col-md-4">
              <div class="o-data__value">123213423</div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-5">
              <label class="o-data__label">Ankaufrahmen</label>
            </div>
            <div class="col-md-4">
              <div class="o-data__value">120.222 €</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>