rating-tab-typ = string
| Definiert um welches Rating es sich handelt (CC/MBVO)
rating-tab-class = string
| Klassenname des Ratings das abgebildet wird
tab-id = string
| ID des Tabs (headingOne/headingTwo)
collapse-id = string
| ID der einklappbaren Detailliste
<div class="panel">
<div class="panel-heading " role="tab" id="">
<div class="rating-result mbvo">
<div class="header">
logo
</div>
<div class="body">
<div class="title">
Gesamtnote
</div>
<div class="note">
1,98
</div>
<div class="desc">
19.1236 Stimmen
</div>
</div>
<div class="footer">
<a href="#"> Details einblenden <i class="fa fa-chevron-down"></i> </a>
</div>
</div>
</div>
<div id="" class="panel-collapse collapse" role="tabpanel" aria-labelledby="">
<div class="panel-body">
<div class="rating-result-list mbvo">
<div class="header">
<h3>Ergebnis</h3>
</div>
<div class="body">
<ul>
<li>
<span class="wrapper">
<span>2,8</span>Titel</span>
</li>
<li>
<span class="wrapper">
<span>2,8</span>Titel</span>
</li>
<li>
<span class="wrapper">
<span>2,8</span>Titel</span>
</li>
<li>
<span class="wrapper">
<span>2,8</span>Titel</span>
</li>
</ul>
</div>
<div class="footer">
<div class="total-result">
<span>2,8</span>Gesamtnote
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-heading right-tab" role="tab" id="headingOne">
<div class="rating-result mbvo">
<div class="header">
<img src="/images/mbvo-bildmarke.svg" />
<span>Kunden-zufriedenheit</span>
</div>
<div class="body">
<div class="title">
Gesamtnote
</div>
<div class="note">
</div>
<div class="desc">
Stimmen
</div>
</div>
<div class="footer">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Details <i class="fa fa-chevron-down open-icon"></i> <i class="fa fa-times close-icon"></i>
</a>
</div>
</div>
</div>
<div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">
<div class="rating-result-list mbvo right">
<div class="header">
<h3>Noten der Kundenzufriedenheit aus 19.782 Stimmen</h3>
</div>
<div class="body">
<ul>
</ul>
</div>
<div class="footer">
<div class="total-result">
<span></span>Gesamtnote
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-heading " role="tab" id="headingTwo">
<div class="rating-result fmcc">
<div class="header">
<img src="/images/Logo_FocusMoney.png" />
</div>
<div class="body">
<div class="title">
Gesamtnote
</div>
<div class="note">
</div>
<div class="desc">
Im Jahr 2016
</div>
</div>
<div class="footer">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Details <i class="fa fa-chevron-down open-icon"></i> <i class="fa fa-times close-icon"></i>
</a>
</div>
</div>
</div>
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
<div class="panel-body">
<div class="rating-result-list fmcc left">
<div class="header">
<h3>Noten des FOCUS-MONEY City Contest 2016</h3>
</div>
<div class="body">
<ul>
</ul>
</div>
<div class="footer">
<div class="total-result">
<span></span>Gesamtnote
</div>
</div>
</div>
</div>
</div>
</div>