<div class="mdc-layout-grid">
   <div class="mdc-layout-grid__inner">
      <div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-12">
         <h3 class="tca-typography--h3">Geschäftsfall erfolgreich angelegt</h3>
         <div class="tca-data-table tca-data-table--selectable tca-data-table--border tca-data-table--striped-rows">
           <table class="tca-data-table__content">
           <thead>
             <tr class="tca-data-table__head-row">
               <th class="tca-data-table__column"></th>
               <th class="tca-data-table__column">Geschäftsfall Nr.</th>
               <th class="tca-data-table__column">In TOGETHER öffnen</th>
             </tr>
           </thead>
           <tbody>
             <tr class="tca-data-table__row">
               <td class="tca-data-table__cell">
                   <span class="tca-radio tca-radio--disabled">
                      <input type="radio" class="tca-radio__button" id="gf-1" name="select-gf" checked disabled/>
                   </span>
               </td>
               <td class="tca-data-table__cell">23740518</td>
               <td class="tca-data-table__cell">
                   <a class="tca-button-outline" href="https://www.servicebytogether.at/hybridgui/start.jsf?sssurl=https://www.servicebytogether.at/wgp-aad/start.jsf?datenAusgangspunkt=PERSON&maklerId=666666&mapetToken=4712704&datenQuelle=FS&identifier=1e2566fa-d001-42c4-a465-001bc4e6ce9f&tissessionid=dee5aecd-cde1-46ca-961a-3a648e07b503&ssstab=Adress%C3%A4nderung&appGftype=AAD" target="blank">Anzeigen</a>
               </td>
             </tr>
           </tbody>
           </table>
         </div>
	</div>

      <div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-12">
         <p class="tca-typography--body">Wählen Sie, welche Dokumente Sie in CCA speichern wollen:</p>
         <div class="tca-data-table tca-data-table--selectable tca-data-table--border tca-data-table--striped-rows">
           <table class="tca-data-table__content">
           <thead>
             <tr class="tca-data-table__head-row">
               <th class="tca-data-table__column">
                   <div class="mdc-checkbox ">
                      <input type="checkbox" class="mdc-checkbox__native-control">
                      <div class="mdc-checkbox__background">
                         <svg viewBox="0 0 24 24" class="mdc-checkbox__checkmark">
                            <path fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
                         </svg>
                         <div class="mdc-checkbox__mixedmark"></div>
                      </div>
                   </div>
               </th>
               <th class="tca-data-table__column">Dateiname</th>
               <th class="tca-data-table__column">VU</th>
             </tr>
           </thead>
           <tbody>
             <tr class="tca-data-table__row">
               <td class="tca-data-table__cell">
                   <div class="mdc-checkbox ">
                      <input type="checkbox" class="mdc-checkbox__native-control">
                      <div class="mdc-checkbox__background">
                         <svg viewBox="0 0 24 24" class="mdc-checkbox__checkmark">
                            <path fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
                         </svg>
                         <div class="mdc-checkbox__mixedmark"></div>
                      </div>
                   </div>
               </td>
               <td class="tca-data-table__cell">GFAAD PDF 23749093</td>
               <td class="tca-data-table__cell">Allianz-Elementar Versicherungs-AG</td>
             </tr>
             <tr class="tca-data-table__row">
               <td class="tca-data-table__cell">
                   <div class="mdc-checkbox ">
                      <input type="checkbox" class="mdc-checkbox__native-control">
                      <div class="mdc-checkbox__background">
                         <svg viewBox="0 0 24 24" class="mdc-checkbox__checkmark">
                            <path fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
                         </svg>
                         <div class="mdc-checkbox__mixedmark"></div>
                      </div>
                   </div>
               </td>
               <td class="tca-data-table__cell">GFAAD PDF 23749092</td>
               <td class="tca-data-table__cell">UNIQA Insurance Group AG</td>
             </tr>
             <tr class="tca-data-table__row">
               <td class="tca-data-table__cell">
                   <div class="mdc-checkbox ">
                      <input type="checkbox" class="mdc-checkbox__native-control">
                      <div class="mdc-checkbox__background">
                         <svg viewBox="0 0 24 24" class="mdc-checkbox__checkmark">
                            <path fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="mdc-checkbox__checkmark-path"></path>
                         </svg>
                         <div class="mdc-checkbox__mixedmark"></div>
                      </div>
                   </div>
               </td>
               <td class="tca-data-table__cell">GFAAD PDF 23749094</td>
               <td class="tca-data-table__cell">Donau Versicherung AG Vienna Insurance Group</td>
             </tr>
           </tbody>
           </table>
         </div>
	</div>
   </div>
</div>

<div class="mdc-layout-grid inventory-grid">
  <div class="mdc-layout-grid__inner inventory-grid__inner">
      <div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-6-desktop mdc-layout-grid__cell--span-4-tablet">
           <div class="inventory-cell__element">
               <label class="inventory-cell__label">Suchbegriff</label>
              <input class="inventory-cell__input" placeholder="Name, Kennzeichen, Polizzennummer, ...">
           </div>
           <div class="inventory-cell__element">
               <span class="tca-chip-toggle">
                  <input type="checkbox" class="tca-chip-toggle__input" id="search-prefilter-subsidiary" checked>
                  <label for="search-prefilter-subsidiary" class="tca-chip-toggle__container">
                      <i class="tca-chip-toggle__icon tca-chip-toggle__icon--checkmark"></i>
                      <span class="tca-chip-toggle__text">Filiale: eigene</span>
                  </label>
               </span>

               <span class="tca-chip-toggle">
                  <input type="checkbox" class="tca-chip-toggle__input" id="serach-prefilter-person">
                  <label for="serach-prefilter-person" class="tca-chip-toggle__container">
                      <i class="tca-chip-toggle__icon tca-chip-toggle__icon--checkmark"></i>
                      <span class="tca-chip-toggle__text">Person: Huber Martin</span>
                  </label>
               </span>
           </div>
       </div>
   </div>
</div>

<div class="mdc-layout-grid">
   <div class="mdc-layout-grid__inner">
      <div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-12 mdc-layout-grid__cell--span-8-tablet">
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Benutzername</label>
            <input class="inventory-cell__input">
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Passwort</label>
            <input class="inventory-cell__input" type="password">
            <div class="inventory-cell__info">
                <span><a href="">Ich habe mein Passwort vergessen</a></span>
            </div>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Authentifizierungstyp</label>
            <div class="tca-radio-group tca-radio-group--horizontal">
               <span class="tca-radio">
                  <input type="radio" class="tca-radio__button" id="Auth-type-SQL" name="Auth-type" checked/>
                  <label class="tca-radio__label" for="Auth-type-SQL">SQL</label>
               </span>
               <span class="tca-radio">
                  <input type="radio" class="tca-radio__button" id="Auth-type-Windows" name="Auth-type"/>
                  <label class="tca-radio__label" for="Auth-type-Windows">Windows</label>
               </span>
               <span class="tca-radio tca-radio--disabled">
                  <input type="radio" class="tca-radio__button" id="Auth-type-2Faktor" name="Auth-type" disabled/>
                  <label class="tca-radio__label" for="Auth-type-2Faktor">2-Faktor</label>
               </span>
            </div>
         </div>
      </div>
      <div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-3-desktop mdc-layout-grid__cell--span-2-tablet mdc-layout-grid__cell--span-2-phone mdc-layout-grid__cell--align-middle">
         <div class="inventory-cell__element">
             <button class="tca-button tca-button--full-width">Anmelden</button>
         </div>
      </div>
      <div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-6-desktop mdc-layout-grid__cell--span-4-tablet mdc-layout-grid__cell--span-2-phone mdc-layout-grid__cell--align-middle">
         <div class="inventory-cell__element">
            <div class="inventory-cell__element-group">
                <div class="mdc-checkbox">
                  <input type="checkbox" id="angemeldet-bleiben" class="mdc-checkbox__native-control"/>
                  <div class="mdc-checkbox__background">
                     <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
                        <path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
                     </svg>
                    <div class="mdc-checkbox__mixedmark"></div>
                  </div>
                </div>
                <label class="inventory-cell__checkbox-label" for="angemeldet-bleiben">Angemeldet bleiben</label>
            </div>
         </div>
      </div>
  </div>
</div>

<button class="btn" onclick="simulatefullscreen()">Toggle fullscreen</button>

<div class="mdc-layout-grid inventory-grid inventory-grid--edit" Id="inventory-grid--tis">
<h2 class="inventory-cell__subheader">Informationen zum Berater</h2>
<div class="mdc-layout-grid__inner inventory-grid__inner">
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-4-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">Familienname</label>
<span class="inventory-cell__static">Mustermann</span>
</div></div>
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-4-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">Vorname</label>
<span class="inventory-cell__static">Max</span>
</div></div>
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-4-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">Titel</label>
<span class="inventory-cell__static">Mag</span>
</div></div>
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-4-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">Telefon-Nr. (Festnetz)</label>
<span class="inventory-cell__static">01 123 456 78</span>
</div></div>
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-4-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">Mobiltelefon-Nr.</label>
<span class="inventory-cell__static">0664 123 456 78</span>
</div></div>
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-4-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">Internet</label>
<span class="inventory-cell__static">www.oeamtc.at</span>
</div></div>
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-4-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">E-Mail Adresse</label>
<span class="inventory-cell__static">max.mustermann@gmail.com</span>
</div></div></div>
<h2 class="inventory-cell__subheader">Informationen zur Firma</h2>
<div class="mdc-layout-grid__inner inventory-grid__inner">
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-8 mdc-layout-grid__cell--span-4-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">Firmenname</label>
<span class="inventory-cell__static">ÖAMTC-Betriebe GmbH</span>
</div></div></div>
<div class="mdc-layout-grid__inner inventory-grid__inner">
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-4-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">Straße, Platz, Hausnummer, Stiege, Tür</label>
<span class="inventory-cell__static">Baumgasse 129/4/5</span>
</div></div>
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-2 mdc-layout-grid__cell--span-2-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">PLZ</label>
<span class="inventory-cell__static">1030</span>
</div></div>
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-2-desktop mdc-layout-grid__cell--span-2-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">Ort</label>
<span class="inventory-cell__static">Wien</span>
</div></div>
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4-desktop mdc-layout-grid__cell--span-4-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">Land</label>
<span class="inventory-cell__static">Österreich</span>
</div></div>
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4-desktop mdc-layout-grid__cell--span-4-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">Firmenbuchnummer</label>
<span class="inventory-cell__static">FN 96287z</span>
</div></div>
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4-desktop mdc-layout-grid__cell--span-4-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">Firmenbuchgericht</label>
<span class="inventory-cell__static">Handelsgericht Wien</span>
</div></div>
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4-desktop mdc-layout-grid__cell--span-4-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">GISA-Zahl</label>
<span class="inventory-cell__static">23409217</span>
<div class="inventory-cell__info">Für selbstständige Vermittler. Info: www.gisa.gv.at/vkr</div>
</div></div>
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4-desktop mdc-layout-grid__cell--span-4-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">DVR Nummer</label>
<span class="inventory-cell__static">23409217</span>
</div></div>
</div>
<h2 class="inventory-cell__subheader">Kunde</h2>
<div class="mdc-layout-grid__inner inventory-grid__inner">
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-4-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">Clubkartennummer</label>
<span class="inventory-cell__static">1200500</span>
</div></div></div>
<div class="mdc-layout-grid__inner inventory-grid__inner">
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-4-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">Familienname</label>
<span class="inventory-cell__static">Musterkunde</span>
</div></div>
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-4-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">Vorname</label>
<span class="inventory-cell__static">Friedrich</span>
</div></div>
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-4-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">Titel</label>
<span class="inventory-cell__static">Mag</span>
</div></div>
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-4-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">Geburtsdatum</label>
<span class="inventory-cell__static">01.01.1960</span>
</div></div>
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-4-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">Staatsbürgerschaft</label>
<span class="inventory-cell__static">Österreich</span>
</div></div>
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-4-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">Straße, Platz, Hausnummer, Stiege, Tür</label>
<span class="inventory-cell__static">Baumgasse 129/4/5</span>
</div></div>
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-2 mdc-layout-grid__cell--span-2-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">PLZ</label>
<span class="inventory-cell__static">1030</span>
</div></div>
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-2-desktop mdc-layout-grid__cell--span-2-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">Ort</label>
<span class="inventory-cell__static">Wien</span>
</div></div>
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4-desktop mdc-layout-grid__cell--span-4-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">Land</label>
<span class="inventory-cell__static">Österreich</span>
</div></div>
</div>

<h2 class="inventory-cell__subheader">Beratung</h2>
<div class="mdc-layout-grid__inner inventory-grid__inner">
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-2 mdc-layout-grid__cell--span-2-tablet">
<div class="inventory-cell__element-group inventory-cell__element-group--without-label">
<input type="radio" class="radiobutton" id="erstberatung" name="radio-beratung"/>
<label class="inventory-cell__label" for="erstberatung">Erstberatung</label>
</div></div>
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-2 mdc-layout-grid__cell--span-2-tablet">
<div class="inventory-cell__element-group inventory-cell__element-group--without-label">
<input type="radio" class="radiobutton" id="folgeberatung" name="radio-beratung"/>
<label class="inventory-cell__label" for="folgeberatung">Folgeberatung</label>
</div></div>

<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-12 mdc-layout-grid__cell--span-8-tablet">
<div class="inventory-cell__element">
<div class="inventory-cell__element-group inventory-cell__element-group--without-label">
<div class="mdc-checkbox">
<input type="checkbox" id="checkbox-kundensituation" class="mdc-checkbox__native-control"/>
<div class="mdc-checkbox__background">
<svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
<path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
</div>
<label class="inventory-cell__label" for="checkbox-kundensituation">Die persönliche Kundensituation hat sich seit unserem letzten Beratungstermin wie folgt geändert:</label>
</div></div>
</div>
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-8-desktop mdc-layout-grid__cell--span-8-tablet">
<div class="inventory-cell__element">
<textarea class="inventory-cell__textarea"></textarea>
</div></div>

</div>
<h2 class="inventory-cell__subheader">Lebenssituation</h2>
<div class="mdc-layout-grid__inner inventory-grid__inner">
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-2-desktop mdc-layout-grid__cell--span-2-tablet mdc-layout-grid__cell--span-4-phone">
<div class="inventory-cell__element-group inventory-cell__element-group--without-label">
<input type="radio" class="radiobutton" id="alleinstehend" name="radio-lebenssituation"/>
<label class="inventory-cell__label" for="alleinstehend">Alleinstehend</label>
</div></div>
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-3-desktop mdc-layout-grid__cell--span-2-tablet mdc-layout-grid__cell--span-4-phone">
<div class="inventory-cell__element-group inventory-cell__element-group--without-label">
<input type="radio" class="radiobutton" id="partnerschaft-a" name="radio-lebenssituation"/>
<label class="inventory-cell__label" for="partnerschaft-a">Partnerschaft / im gemeinsamen Haushalt lebend</label>
</div></div>
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-3-desktop mdc-layout-grid__cell--span-2-tablet mdc-layout-grid__cell--span-4-phone">
<div class="inventory-cell__element-group inventory-cell__element-group--without-label">
<input type="radio" class="radiobutton" id="partnerschaft-b" name="radio-lebenssituation"/>
<label class="inventory-cell__label" for="partnerschaft-b">Partnerschaft / nicht im gemeinsamen Haushalt lebend</label>
</div></div>
</div>


<h2 class="inventory-cell__subheader">Der Kunde interessiert sich für folgende Versicherungslösungen, für die er auch beraten wurde</h2>
<div class="mdc-layout-grid__inner inventory-grid__inner">
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-2-tablet mdc-layout-grid__cell--span-4-phone">
<table class="inventory-cell__checkbox-table">
<tr>
<th><span class="">beraten</span></th>
<th><span>beraten und abgeschlossen</span></th>
</tr>
<tr>
<td>
<div class="mdc-checkbox"><input type="checkbox" id="mobilitäts-unfallschutz-b" class="mdc-checkbox__native-control"/>
<div class="mdc-checkbox__background"><svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24"><path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path></svg><div class="mdc-checkbox__mixedmark"></div>
</div></div>
</td>
<td>
<div class="mdc-checkbox"><input type="checkbox" id="mobilitäts-unfallschutz-ba" class="mdc-checkbox__native-control"/>
<div class="mdc-checkbox__background"><svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24"><path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path></svg><div class="mdc-checkbox__mixedmark"></div>
</div></div>
</td>
<td class="inventory-cell__checkbox-table-label">Mobilitäts-Unfallschutz</td>
</tr>
<tr>
<td>
<div class="mdc-checkbox"><input type="checkbox" id="unfallschutz-b" class="mdc-checkbox__native-control"/>
<div class="mdc-checkbox__background"><svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24"><path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path></svg><div class="mdc-checkbox__mixedmark"></div>
</div></div>
</td>
<td>
<div class="mdc-checkbox"><input type="checkbox" id="unfallschutz-ba" class="mdc-checkbox__native-control"/>
<div class="mdc-checkbox__background"><svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24"><path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path></svg><div class="mdc-checkbox__mixedmark"></div>
</div></div>
</td>
<td class="inventory-cell__checkbox-table-label">Unfallschutz 50/75/100</td>
</tr>
<tr>
<td>
<div class="mdc-checkbox"><input type="checkbox" id="sonderklasse-b" class="mdc-checkbox__native-control"/>
<div class="mdc-checkbox__background"><svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24"><path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path></svg><div class="mdc-checkbox__mixedmark"></div>
</div></div>
</td>
<td>
<div class="mdc-checkbox"><input type="checkbox" id="sonderklasse-ba" class="mdc-checkbox__native-control"/>
<div class="mdc-checkbox__background"><svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24"><path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path></svg><div class="mdc-checkbox__mixedmark"></div>
</div></div>
</td>
<td class="inventory-cell__checkbox-table-label">Sonderklasse nach Unfall</td>
</tr>
<tr>
<td>
<div class="mdc-checkbox"><input type="checkbox" id="sonderklassekrank-b" class="mdc-checkbox__native-control"/>
<div class="mdc-checkbox__background"><svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24"><path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path></svg><div class="mdc-checkbox__mixedmark"></div>
</div></div>
</td>
<td>
<div class="mdc-checkbox"><input type="checkbox" id="sonderklassekrank-ba" class="mdc-checkbox__native-control"/>
<div class="mdc-checkbox__background"><svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24"><path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path></svg><div class="mdc-checkbox__mixedmark"></div>
</div></div>
</td>
<td class="inventory-cell__checkbox-table-label">Sonderklasse nach Unfall und schwerer Erkrankung</td>
</tr>
<tr>
<td>
<div class="mdc-checkbox"><input type="checkbox" id="weltschutz-b" class="mdc-checkbox__native-control"/>
<div class="mdc-checkbox__background"><svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24"><path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path></svg><div class="mdc-checkbox__mixedmark"></div>
</div></div>
</td>
<td>
<div class="mdc-checkbox"><input type="checkbox" id="weltschutz-ba" class="mdc-checkbox__native-control"/>
<div class="mdc-checkbox__background"><svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24"><path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path></svg><div class="mdc-checkbox__mixedmark"></div>
</div></div>
</td>
<td class="inventory-cell__checkbox-table-label">Weltschutz (Bündelversicherung)</td>
</tr>
</table>
</div></div>

<h2 class="inventory-cell__subheader">Begründung für die empfohlenen Versicherungslösungen</h2>
<div class="mdc-layout-grid__inner inventory-grid__inner">
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-8-desktop mdc-layout-grid__cell--span-8-tablet">
<div class="inventory-cell__element">
<textarea class="inventory-cell__textarea"></textarea>
</div></div>
</div>

<h2 class="inventory-cell__subheader">Versicherungsschutz, der trotz Empfehlung nicht gewünscht wird</h2>
<div class="mdc-layout-grid__inner inventory-grid__inner">
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-8-desktop mdc-layout-grid__cell--span-8-tablet">
<div class="inventory-cell__element">
<textarea class="inventory-cell__textarea"></textarea>
</div></div>
</div>

</div>

<script>
function simulatefullscreen() {
var x = document.getElementById('inventory-grid--tis');
x.classList.toggle("inventory-grid-demo--edit");}
</script>

<div class="mdc-layout-grid" style="background: #f4f4f4;">
   <div class="mdc-layout-grid__inner detail-layout-grid__inner">
       <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12">
           <button class="tca-button-text">Zurück<i class="icon-arrow-left tca-button__icon tca-button__icon--left"></i></button>
       </div>
       <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12">
           <summary class="summary">
              <span class="summary-identifier summary-identifier--large summary-identifier--vertrag">
                   <span class="summary-identifier__graphic-wrapper summary-identifier__graphic-wrapper--large">
                        <i class="summary-identifier__graphic-area-icon"></i>
                        <span class="summary-identifier__status summary-identifier__status--error"></span>
                   </span>
                   <span class="summary-identifier__textblock">
                        <div class="summary-identifier__textblock-title">
                            <span class="summary-identifier__textblock-subtitle--bold" id="vertrag-identifier__vu">GEN</span><span id="vertrag-identifier__polizzennummer">KO-G427.389-5</span></div>
                        <div class="summary-identifier__textblock-subtitle" id="vertrag-identifier__sparte">KFZ - Bündel</div>
                        <div class="summary-identifier__textblock-subtitle" id="vertrag-identifier__vn">Max Mustermann</div>
                   </span>
              </span>
              <div class="summary__info">
              <span class="summary__info-cell" id="vertrag-common-1">
                  <div class="summary__info-element" id="vertrag-common__laufzeit">
                      <span class="summary__info-label">Laufzeit</span>
                      <span class="summary__info-content">01.09.2017 - 01.09.2018</span>
                  </div>
                  <div class="summary__info-element" id="vertrag-common__art">
                      <span class="summary__info-label">Art</span>
                      <span class="summary__info-content">Eigen</span>
                  </div>
                  <div class="summary__info-element" id="vertrag-common__status">
                      <span class="summary__info-label">Status</span>
                      <span class="summary__info-content">storniert</span>
                  </div>
              </span>
              <span class="summary__info-cell" id="vertrag-common-2">
                  <div class="summary__info-element" id="vertrag-common__jnp">
                      <span class="summary__info-label">JNP</span>
                      <span class="summary__info-content">€40.000,14</span>
                  </div>
                  <div class="summary__info-element" id="vertrag-common__zahlweise">
                      <span class="summary__info-label">Zahlweise</span>
                      <span class="summary__info-content">jährlich</span>
                  </div>
                  <div class="summary__info-element" id="vertrag-common__aenderungsgrund">
                      <span class="summary__info-label">Änderungsgrund</span>
                      <span class="summary__info-content">Neuanlage</span>
                  </div>
              </span>
              </span>
              <span class="summary__info-cell" id="vertrag-specific-1">
                  <div class="summary__info-element">
                      <span class="summary__info-label">In TOGETHER anzeigen</span>
                      <a class="summary__info-content" href="https://www.google.com">anzeigen</a>
                  </div>
                  <div class="summary__info-element">
                      <span class="summary__info-label">In CCA anzeigen</span>
                      <a class="summary__info-content" href="https://www.google.com">anzeigen</a>
                  </div>
              </span>
              </div>
           </summary>
       </div>
       <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12">
           <div class="inventory-cell__element">
            <div class="inventory-cell__element-group inventory-cell__element-group--without-label">
               <div class="mdc-checkbox">
                  <input type="checkbox" id="showalldata" class="mdc-checkbox__native-control"/>
                  <div class="mdc-checkbox__background">
                     <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
                        <path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
                     </svg>
                    <div class="mdc-checkbox__mixedmark"></div>
                  </div>
               </div>
               <label class="inventory-cell__checkbox-label" for="showalldata">Alle Daten anzeigen</label>
            </div>
         </div>
       </div>
       <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-6-desktop mdc-layout-grid__cell--span-4-tablet mdc-layout-grid__cell--span-2-phone">
           <h3 class="detail-layout__headline">Vetragsdaten - OMDS</h3>
           <div class="detail-layout__card">
               <div class=tca-data-table>
                   <table class=tca-data-table__content>
                       <thead>
                           <tr class="tca-data-table__head-row">
                               <th class="tca-data-table__column">Kategorie</th>
                               <th class="tca-data-table__column">Wert</th>
                           </tr>
                       </thead>
                       </tbody>
                           <tr class="tca-data-table__row">
                               <td class="tca-data-table__cell">VertragsNr</td>
                               <td class="tca-data-table__cell">KO-G237.1000</td>
                           </tr>
                       </tbody>
                   </table>
               </div>
           </div>
       </div>
       <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-6-desktop mdc-layout-grid__cell--span-4-tablet mdc-layout-grid__cell--span-2-phone">
           <h3 class="detail-layout__headline">Vertragsdaten - CCA</h3>
           <div class="detail-layout__card">
               <div class=tca-data-table>
                   <table class=tca-data-table__content>
                       <thead>
                           <tr class="tca-data-table__head-row">
                               <th class="tca-data-table__column">Kategorie</th>
                               <th class="tca-data-table__column">Wert</th>
                           </tr>
                       </thead>
                       </tbody>
                           <tr class="tca-data-table__row">
                               <td class="tca-data-table__cell">VertragsNr</td>
                               <td class="tca-data-table__cell">KW-833.1131</td>
                           </tr>
                       </tbody>
                   </table>
               </div>
           </div>
       </div>
       <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12" style="justify-self: end;">
           <button class="tca-button">Fertig</button>
       </div>
   </div>
</div>

<button class="btn" onclick="fullscreengrid2()">Toggle fullscreen</button>
<div class="mdc-layout-grid inventory-grid inventory-grid--readonly" Id="inventory-grid">
   <div class="mdc-layout-grid__inner inventory-grid__inner">
      <div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-4-tablet">
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Pers. Nr.</label>
            <span class="inventory-cell__static">P0000180</span>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Anrede</label>
            <span class="inventory-cell__static">Herr</span>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Titel</label>
            <div class="inventory-cell__element-group">
               <span class="inventory-cell__static">DDr.</span>
               <span class="inventory-cell__static">MSc</span>
            </div>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Nachname</label>
            <span class="inventory-cell__static">Huber</span>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Vorname</label>
            <span class="inventory-cell__static">Franz</span>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Berufstitel</label>
            <span class="inventory-cell__static">Abt. Leiter(In)</span>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Beruf</label>
            <span class="inventory-cell__static">Übersetzer</span>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Adresse</label>
            <div class="inventory-cell__bcard bcard">
               <div class="bcard-content" disable-navigation="true">
                  <div class="bcard-content__icons">
                     <span class="bcard-icon icon-location"></span>
                  </div>
                  <div class="bcard-body">
                     <a href="https://www.google.at/maps/search/Wien%201020" title="Zu Details navigieren">1020 Wien</a>
                     <div class="bcard-body__subcaption">
                        <card-sub-text>Wien, Österreich</card-sub-text>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-4-tablet">
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Kunde seit</label>
            <span class="inventory-cell__static">24.10.2016</span>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Kundenstatus</label>
            <span class="inventory-cell__static">A</span>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Geburtsdatum</label>
            <span class="inventory-cell__static">01.10.1990</span>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Familienstand</label>
            <span class="inventory-cell__static">ledig</span>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Staatsbürgerschaft</label>
            <span class="inventory-cell__static">A - Österreich</span>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Vollmacht</label>
            <span class="inventory-cell__static">Ja</span>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Betreuer</label>
            <div class="inventory-cell__bcard bcard">
               <div id="BCard-Content-1" class="bcard-content" disable-navigation="true">
                  <div class="bcard-content__icons">
                     <span class="bcard-icon icon-person"></span>
                  </div>
                  <div class="bcard-body">
                     <a id="person-1-bc-content-main-caption-enabled-nav" href="" title="Zu Details navigieren">Mustermann Max</a>
                     <div class="bcard-body__subcaption">
                        <card-sub-text>06.12.1928</card-sub-text>
                     </div>
                  </div>
                  <div class="bcard-controls">
                     <button id="Expand-btn-9" class="icon-expand bcard-expand" type="button" title="mehr anzeigen"></button>
                  </div>
               </div>
            </div>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Standard-Vermittler</label>
            <div class="inventory-cell__bcard bcard">
               <div id="BCard-Content-1" class="bcard-content" disable-navigation="true">
                  <div class="bcard-content__icons">
                     <span class="bcard-icon icon-person"></span>
                  </div>
                  <div class="bcard-body">
                     <a id="person-1-bc-content-main-caption-enabled-nav" href="" title="Zu Details navigieren">(kein)</a>
                  </div>
                  <div class="bcard-controls">
                     <button id="Expand-btn-9" class="icon-expand bcard-expand" type="button" title="mehr anzeigen"></button>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-4-tablet">
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Adressanrede</label>
            <span class="inventory-cell__static">Herrn  DDr. Franz Huber</span>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Briefanrede</label>
            <span class="inventory-cell__static">Sehr geehrter Herr DDr. Huber</span>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Empfänger Zeile 1</label>
            <span class="inventory-cell__static"></span>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Empfänger Zeile 2</label>
            <span class="inventory-cell__static">Herrn Abt. Leiter(In)</span>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Empfänger Zeile 3</label>
            <span class="inventory-cell__static">DDr. Franz Huber</span>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Matchcode</label>
            <span class="inventory-cell__static"></span>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Hauptfälligkeit</label>
            <div class="inventory-cell__element-group">
               <div class="inventory-cell__static inventory-cell__element-static"></div>
               <span class="inventory-cell__element-group-sublabel">T</span>
               <div class="inventory-cell__static inventory-cell__element-static"></div>
               <span class="inventory-cell__element-group-sublabel">M</span>
            </div>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Vorsteuer %</label>
            <span class="inventory-cell__static"></span>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Sprache</label>
            <span class="inventory-cell__static"></span>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">UID</label>
            <span class="inventory-cell__static"></span>
         </div>
      </div>
      <div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-8-desktop mdc-layout-grid__cell--span-4-tablet">
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Hinweis</label>
            <div class="inventory-cell__static inventory-cell__static-textbox">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div>
         </div>
      </div>
   </div>
</div>

<script>
function fullscreengrid2() {
var x = document.getElementById('inventory-grid');
x.classList.toggle("inventory-grid-demo");}
</script>

<button class="btn" onclick="fullscreengrid5()">Toggle fullscreen</button>
<div class="mdc-layout-grid inventory-grid inventory-grid--edit" Id="inventory-grid4">
   <div class="mdc-layout-grid__inner inventory-grid__inner">
      <div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-4-tablet">
         <div class="inventory-cell__element inventory-cell__element--required">
            <label class="inventory-cell__label">Pers. Nr.</label>
            <input class="inventory-cell__input" type="text" value="P0000180" spellcheck="false">
         </div>
         <div class="inventory-cell__element inventory-cell__element--required">
            <label class="inventory-cell__label">Anrede</label>
            <input class="inventory-cell__input" value="Herr">
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Titel</label>
            <div class="inventory-cell__element-group">
               <select class="inventory-cell__select" value="DDr.">
                  <option value="1">DDr.</option>
                  <option value="2">MSc</option>
               </select>
               <select class="inventory-cell__select" value="MSc">
                  <option value="1">MSc</option>
                  <option value="2">DDr</option>
               </select>
            </div>
         </div>
         <div class="inventory-cell__element inventory-cell__element--required">
            <label class="inventory-cell__label">Nachname</label>
            <input class="inventory-cell__input" value="Huber">
         </div>
         <div class="inventory-cell__element inventory-cell__element--required">
            <label class="inventory-cell__label">Vorname</label>
            <input class="inventory-cell__input" value="Franz">
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Berufstitel</label>
            <select class="inventory-cell__select" value="Abt. Leiter(In)">
               <option value="1">Abt. Leiter(In)</option>
               <option value="2">Arbeiter</option>
            </select>
         </div>
         <div class="inventory-cell__element inventory-cell__element--error inventory-cell__element--required">
            <label class="inventory-cell__label">Beruf</label>
            <input class="inventory-cell__input" value="Übersetzer">
            <div class="inventory-cell__error">Bitte wählen Sie einen cooleren Beruf</div>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Adresse</label>
            <div class="bcard inventory-cell__bcard">
               <div class="bcard-content" disable-navigation="true">
                  <div class="bcard-content__icons">
                     <span class="bcard-icon icon-location"></span>
                  </div>
                  <div class="bcard-body">
                     <a href="https://www.google.at/maps/search/Wien%201020" title="Zu Details navigieren">1020 Wien</a>
                     <div class="bcard-body__subcaption">
                        <card-sub-text>Wien, Österreich</card-sub-text>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-4-tablet">
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Kunde seit</label>
            <div class="inventory-cell__element-group">
               <input class="inventory-cell__input" value="24.10.2016">
               <span class="inventory-cell__input-button icon-datepicker"></span>
            </div>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Kundenstatus</label>
            <input class="inventory-cell__input" value="A">
         </div>
         <div class="inventory-cell__element inventory-cell__element--required">
            <label class="inventory-cell__label">Geburtsdatum</label>
            <div class="inventory-cell__element-group">
               <input class="inventory-cell__input" type="date" value="01.10.1990">
               <span class="inventory-cell__input-button icon-datepicker"></span>
            </div>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Familienstand</label>
            <select class="inventory-cell__select" value="ledig">
               <option value="1">ledig</option>
               <option value="2">verheiratet</option>
            </select>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Staatsbürgerschaft</label>
            <select class="inventory-cell__select" value="A - Österreich">
               <option value="1">A - Österreich</option>
               <option value="2">D - Deutschland</option>
            </select>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Vollmacht</label>
            <select class="inventory-cell__select" value="Ja">
               <option value="1">Ja</option>
               <option value="2">Nein</option>
            </select>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Vollmacht Datum</label>
            <div class="inventory-cell__element-group">
               <input class="inventory-cell__input" value="10.10.2016">
               <span class="inventory-cell__input-button icon-datepicker"></span>
            </div>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Betreuer</label>
            <div class="inventory-cell__element-group">
               <div class="bcard inventory-cell__bcard bcard inventory-cell__bcard--edit">
                  <div id="BCard-Content-1" class="bcard-content" disable-navigation="true">
                     <div class="bcard-content__icons">
                        <span class="bcard-icon icon-person"></span>
                     </div>
                     <div class="bcard-body">
                        <a id="person-1-bc-content-main-caption-enabled-nav" href="" title="Zu Details navigieren">Mustermann Max</a>
                        <div class="bcard-body__subcaption">
                           <card-sub-text>06.12.1928</card-sub-text>
                        </div>
                     </div>
                     <div class="bcard-controls">
                        <button id="Expand-btn-9" class="icon-expand bcard-expand" type="button" title="mehr anzeigen"></button>
                     </div>
                  </div>
               </div>
               <div class="selector-dialog__activate-search-container">
                  <button id="selector-search-btn-1" class="activate-search-container__btn icon-link2" title="Suche aktivieren"></button>
               </div>
            </div>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Standard-Vermittler</label>
            <div class="inventory-cell__element-group">
               <div class="bcard inventory-cell__bcard inventory-cell__bcard--edit">
                  <div id="BCard-Content-1" class="bcard-content" disable-navigation="true">
                     <div class="bcard-content__icons">
                        <span class="bcard-icon icon-person"></span>
                     </div>
                     <div class="bcard-body">
                        <a id="person-1-bc-content-main-caption-enabled-nav" href="" title="Zu Details navigieren">(kein)</a>
                     </div>
                     <div class="bcard-controls">
                        <button id="Expand-btn-9" class="icon-expand bcard-expand" type="button" title="mehr anzeigen"></button>
                     </div>
                  </div>
               </div>
               <div class="selector-dialog__activate-search-container">
                  <button id="selector-search-btn-1" class="activate-search-container__btn icon-link2" title="Suche aktivieren"></button>
               </div>
            </div>
         </div>
      </div>
      <div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-4-tablet">
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Adressanrede</label>
            <input class="inventory-cell__input" value="Herrn  DDr. Franz Huber">
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Briefanrede</label>
            <input class="inventory-cell__input" value="Sehr geehrter Herr DDr. Huber">
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Empfänger Zeile 1</label>
            <input class="inventory-cell__input">
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Empfänger Zeile 2</label>
            <input class="inventory-cell__input" value="Herrn Abt. Leiter(In)">
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Empfänger Zeile 3</label>
            <input class="inventory-cell__input" value="DDr. Franz Huber">
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Matchcode</label>
            <input class="inventory-cell__input">
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Hauptfälligkeit</label>
            <div class="inventory-cell__element-group">
               <input class="inventory-cell__input"><span class="inventory-cell__element-group-sublabel">T</span>
               <input class="inventory-cell__input"><span class="inventory-cell__element-group-sublabel">M</span>
            </div>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Vorsteuer %</label>
            <input class="inventory-cell__input" type="number">
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Sprache</label>
            <select class="inventory-cell__select">
               <option value="1">Deutsch</option>
               <option value="2">Englisch</option>
            </select>
         </div>
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">UID</label>
            <input class="inventory-cell__input">
         </div>
      </div>
      <div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-8-desktop mdc-layout-grid__cell--span-4-tablet">
         <div class="inventory-cell__element">
            <label class="inventory-cell__label">Hinweis</label>
            <textarea class="inventory-cell__textarea">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</textarea>
         </div>
      </div>
   </div>
</div>

<script>
function fullscreengrid5() {
var x = document.getElementById('inventory-grid4');
x.classList.toggle("inventory-grid-demo--edit");}
</script>

<button class="btn" onclick="fullscreengrid4()">Toggle fullscreen</button>
<div class="mdc-layout-grid inventory-grid inventory-grid--readonly" Id="inventory-grid3">
<div class="mdc-layout-grid__inner inventory-grid__inner">
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-4-tablet">
<div class="inventory-cell__element">
<label class="inventory-cell__label">100% Rückzahlung bis zum</label>
<span class="inventory-cell__static">21<span> Monat</span>
</div>
<div class="inventory-cell__element inventory-cell__element--required inventory-cell__element--error">
<label class="inventory-cell__label">Verdient ab dem</label>
<div class="inventory-cell__split-element-group">
<input class="inventory-cell__input" value="22">
<span class="inventory-cell__append">Monat</span>
</div>
</div>
<div class="inventory-cell__element">
<label class="inventory-cell__label">SEPA Creditor-ID</label>
<span class="inventory-cell__static">creditorid</span>
</div>
<div class="inventory-cell__element">
<label class="inventory-cell__label">Stornoreserve</label>
<span class="inventory-cell__static">22<span>% der Provision</span></span>
</div>
<div class="inventory-cell__element inventory-cell__element--required">
<label class="inventory-cell__label">Fällig nach dem</label>
<div class="inventory-cell__split-element-group">
<input class="inventory-cell__input">
<span class="inventory-cell__append">Monat</span>
</div>
</div>
<div class="inventory-cell__element">
<label class="inventory-cell__label">Stornoreserve max.</label>
<span class="inventory-cell__static">14 ‰ VSU</span>
</div>
<div class="inventory-cell__element">
<label class="inventory-cell__label">Stornoreserve max.</label>
<div class="inventory-cell__split-element-group">
<input class="inventory-cell__input" value="14">
<span class="inventory-cell__append">‰ VSU</span>
</div>
</div>
</div>
<div class="inventory-cell mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-4-tablet">
<h2 class="inventory-cell__subheader">Weitere Optionen</h2>
<div class="inventory-cell__element inventory-cell__element--required">
<div class="inventory-cell__element-group inventory-cell__element-group--without-label">
<div class="mdc-checkbox">
<input type="checkbox" id="checkbox-abschlussprov" class="mdc-checkbox__native-control"/>
<div class="mdc-checkbox__background">
<svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
<path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
</div>
<label class="inventory-cell__checkbox-label" for="checkbox-abschlussprov">Abschlussprovision für Indexerhöhung</label>
</div>
</div>
<div class="inventory-cell__element inventory-cell__element--required inventory-cell__element--error">
<div class="inventory-cell__element-group inventory-cell__element-group--without-label">
<div class="mdc-checkbox">
<input type="checkbox" id="checkbox-sechsmonatsbindung" class="mdc-checkbox__native-control"/>
<div class="mdc-checkbox__background">
<svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
<path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
</div>
<label class="inventory-cell__checkbox-label" for="checkbox-sechsmonatsbindung">Sechsmonatsbindung (Verlängerung bei Abschlussprovision ab 6 Monate aufrunden)</label>
</div>
</div>
<div class="inventory-cell__element">
<div class="inventory-cell__element-group inventory-cell__element-group--without-label">
<div class="mdc-checkbox">
<input type="checkbox" id="checkbox-abschlussprov2" class="mdc-checkbox__native-control"/>
<div class="mdc-checkbox__background">
<svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
<path class="mdc-checkbox__checkmark-path" fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
</svg>
<div class="mdc-checkbox__mixedmark"></div>
</div>
</div>
<label class="inventory-cell__checkbox-label" for="checkbox-abschlussprov2">Volle Abschlußprovision, auch wenn Laufzeit < 10 Jahre</label>
</div>
</div>
<div class="inventory-cell__element">
<div class="inventory-cell__element-group inventory-cell__element-group--without-label">
<span class="inventory-cell__static-checkbox inventory-cell__static-checkbox--yes"></span><span class="inventory-cell__checkbox-label">Volle Abschlußprovision, auch wenn Laufzeit < 10 Jahre</span>
</div>
</div>
<div class="inventory-cell__element">
<div class="inventory-cell__element-group inventory-cell__element-group--without-label">
<span class="inventory-cell__static-checkbox inventory-cell__static-checkbox--undefined"></span><span class="inventory-cell__checkbox-label">End Rata im Stornofall rückerstatten (Folgeprovision)</span>
</div>
</div>
<div class="inventory-cell__element">
<div class="inventory-cell__element-group inventory-cell__element-group--without-label">
<span class="inventory-cell__static-checkbox inventory-cell__static-checkbox--no"></span>
<span class="inventory-cell__checkbox-label">Zehntelwertung (Abschlussprov. auch f. Verlängerung)</span>
</div>
</div>
<div class="inventory-cell__element">
<div class="inventory-cell__element-group inventory-cell__element-group--without-label">
<span class="inventory-cell__static-checkbox inventory-cell__static-checkbox--undefined"></span>
<span class="inventory-cell__checkbox-label">Abschlussprov. nur, wenn Restlaufzeit mind. 10 Jahre</span>
</div>
</div>
</div>
</div>
</div>

<script>
function fullscreengrid4() {
var x = document.getElementById('inventory-grid3');
x.classList.toggle("inventory-grid-demo");}
</script>

<button class="btn" onclick="fullscreengrid6()">Toggle fullscreen</button>
<div class="mdc-layout-grid fullpage-form" Id="inventory-grid5">
<div class="mdc-layout-grid__inner">
<div class="mdc-layout-grid__cell--span-12 fullpage-form__card">Benutzerdaten wrapper
<div class="mdc-layout-grid__inner">
<div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-6 mdc-layout-grid__cell--span-4-tablet">Benutzerdaten Name </div>
<div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-6 mdc-layout-grid__cell--span-4-tablet">Benutzerdaten Kontaktdaten </div>
</div>
</div>
<div class="mdc-layout-grid__cell--span-12 fullpage-form__card">Firmendaten wrapper
<div class="mdc-layout-grid__inner">
<div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-6 mdc-layout-grid__cell--span-4-tablet">Firmendaten Name </div>
<div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-6 mdc-layout-grid__cell--span-4-tablet">Firmendaten Kontaktdaten </div>
<div class="mdc-layout-grid__cell--span-12 fullpage-form__card--info">Im Zuge der Umsetzung der IDD Richtlinie in österreichisches Recht sind Sie ab 23.02.2018 dazu verpflichtet, ihre Vertreiberkategorie anzugeben. Damit wir Ihnen bei diesem Prozess helfen können, benötigen wir allerdings noch nachstehende Angaben.</div>
<div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-2 mdc-layout-grid__cell--span-3-tablet">[LABEL] Auswahl Vertreiberkategorie</div>
<div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-5-tablet">[SELECT] Auswahl Vertreiberkategorie</div>
<div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-6 mdc-layout-grid__cell--span-8-tablet">[Erklärung] Jedem  Unternehmen kann einer Vertreiberkategorie zugeordnet werden. Zur Auswahl stehen: Makler, Agent & Vermögensberater. Unternehmen die bis zum Stichtag keine Auswahl treffen werden als Makler behandelt.</div>
<div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-2 mdc-layout-grid__cell--span-3-tablet">[LABEL] GISA Nummer</div>
<div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-5-tablet">[INPUT] GISA Nummer</div>
<div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-6 mdc-layout-grid__cell--span-8-tablet">[Erklärung] Das Gewerbeinformationssystem Austria (GISA) ersetzt die bisher 14 dezentralen Gewerberegister. Jedes Unternehmen hat je eine GISA Nummer. Mehr Informationen</div>
<div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-2 mdc-layout-grid__cell--span-3-tablet">[LABEL] Versicherungsunternehmen</div>
<div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-5-tablet">[SELECT] Versicherungsunternehmen</div>
<div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-6 mdc-layout-grid__cell--span-8-tablet">[Erklärung] Jedem Unternehmen mit den Vertreiberkategorien “Agent” oder “Vermögensberater” können ein oder mehrere (Mehrfachagent) VUs zugeordnete werden. Für VUs außerhalb von Österreich wählen Sie bitte entsprechende Option und nutzen anschließend das freie Textfeld.</div>
<div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-2 mdc-layout-grid__cell--span-3-tablet">[LABEL] Beschwerdestelle</div>
<div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-5-tablet">[TEXTAREA] Beschwerdestelle</div>
<div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-6 mdc-layout-grid__cell--span-8-tablet">[Erklärung] Die Beschwerdestelle über Versicherungsvermittler gibt Kunden und Betroffenen die Möglichkeit ihre Beschwerden ersteren gegenüber vorzubringen. Standardmäßig wird die zentrale Beschwerdestelle im BMWFW angeboten. Es steht Ihnen frei, zusätzlich eine eigene Beschwerdestelle samt Kontaktmöglichkeit zu hinterlegen.</div>
</div>
</div>
<div class="mdc-layout-grid__cell--span-12 fullpage-form__card">[BUTTON] Überprüfen</div>
</div>
</div>

<script>
function fullscreengrid6() {
var x = document.getElementById('inventory-grid5');
x.classList.toggle("inventory-grid-demo--edit");}
</script>