275 lines
8.2 KiB
HTML
275 lines
8.2 KiB
HTML
<style type="text/css">
|
|
|
|
.square_private_arrow {
|
|
float: right;
|
|
margin-right: -20px;
|
|
margin-top: -13px;
|
|
margin-bottom: -13px;
|
|
width: 35px;
|
|
height: 83px;
|
|
background-color: #ee1b3b;
|
|
color: #ffffff;
|
|
-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
|
|
}
|
|
|
|
.square_company_arrow {
|
|
float: right;
|
|
margin-right: -20px;
|
|
margin-top: -13px;
|
|
margin-bottom: -13px;
|
|
width: 35px;
|
|
height: 83px;
|
|
background-color: #5c5554;
|
|
color: #ffffff;
|
|
-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
|
|
}
|
|
.h2_in_arrow {
|
|
margin-left: 12px;
|
|
margin-top: 2px;
|
|
font-size: 16pt;
|
|
}
|
|
|
|
.tabelement {
|
|
|
|
}
|
|
</style>
|
|
<h3 style="color: #ee1b3b; font-style: bold;">Private Unterlagen</h3>
|
|
<div id="accordion">
|
|
<!-- 1. NOTFALLLEITFADEN -->
|
|
<div class="card">
|
|
<div class="card-header" id="headingOne">
|
|
<h5 class="mb-0">
|
|
<button class="btn btn-link tabelement" onclick="javascript:newTabOpen(1)" data-toggle="collapse" data-target="#rd_1" aria-expanded="true" aria-controls="rd_1">
|
|
<h4 style="margin-top: 11px;">1. Notfallleitfaden & Vorsorgedokumente</h4>
|
|
</button>
|
|
<span style="float: right;">
|
|
<span class="square_private_arrow"><h2 class="h2_in_arrow">1</h2></span>
|
|
</span>
|
|
</h5>
|
|
</div>
|
|
|
|
<div id="rd_1" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
|
|
<div class="card-body">
|
|
{% block rd_area_1 %}
|
|
{% include "recoverdir/rd_areas/rd_area_1.html" %}
|
|
{% endblock %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- 2. ABSICHERUNG VERMÖGEN IMMOBILIEN -->
|
|
<div class="card">
|
|
<div class="card-header" id="headingOne">
|
|
<h5 class="mb-0">
|
|
<button class="btn btn-link tabelement" onclick="javascript:newTabOpen(2)" data-toggle="collapse" data-target="#rd_2" aria-expanded="true" aria-controls="rd_2">
|
|
<h4 style="margin-top: 11px;">2. Absicherung, Vermögen & Immobilien</h4>
|
|
</button>
|
|
<span style="float: right;">
|
|
<span class="square_private_arrow"><h2 class="h2_in_arrow">2</h2></span>
|
|
</span>
|
|
</h5>
|
|
</div>
|
|
|
|
<div id="rd_2" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
|
|
<div class="card-body">
|
|
{% block rd_area_2 %}
|
|
{% include "recoverdir/rd_areas/rd_area_2.html" %}
|
|
{% endblock %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 3. Verträge -->
|
|
<div class="card">
|
|
<div class="card-header" id="headingOne">
|
|
<h5 class="mb-0">
|
|
<button class="btn btn-link tabelement" onclick="javascript:newTabOpen(3)" data-toggle="collapse" data-target="#rd_3" aria-expanded="true" aria-controls="rd_3">
|
|
<h4 style="margin-top: 11px;">3. Verträge</h4>
|
|
</button>
|
|
<span style="float: right;">
|
|
<span class="square_private_arrow"><h2 class="h2_in_arrow">3</h2></span>
|
|
</span>
|
|
</h5>
|
|
</div>
|
|
|
|
<div id="rd_3" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
|
|
<div class="card-body">
|
|
{% block rd_area_3 %}
|
|
{% include "recoverdir/rd_areas/rd_area_3.html" %}
|
|
{% endblock %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 4. Digitale Konten -->
|
|
<div class="card">
|
|
<div class="card-header" id="headingOne">
|
|
<h5 class="mb-0">
|
|
<button class="btn btn-link tabelement" onclick="javascript:newTabOpen(4)" data-toggle="collapse" data-target="#rd_4" aria-expanded="true" aria-controls="rd_4">
|
|
<h4 style="margin-top: 11px;">4. Digitale Konten & Passwörter</h4>
|
|
</button>
|
|
<span style="float: right;">
|
|
<span class="square_private_arrow"><h2 class="h2_in_arrow">4</h2></span>
|
|
</span>
|
|
</h5>
|
|
</div>
|
|
|
|
<div id="rd_4" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
|
|
<div class="card-body">
|
|
{% block rd_area_4 %}
|
|
{% include "recoverdir/rd_areas/rd_area_4.html" %}
|
|
{% endblock %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<h3 style="color: #5c5554; font-style: bold;">Gewerbliche Unterlagen</h3>
|
|
|
|
<!-- GEWERBE -->
|
|
<!-- 5. Vorsorgedokumente -->
|
|
<div class="card">
|
|
<div class="card-header" id="headingOne">
|
|
<h5 class="mb-0">
|
|
<button class="btn btn-link tabelement" onclick="javascript:newTabOpen(5)" data-toggle="collapse" data-target="#rd_5" aria-expanded="true" aria-controls="rd_5">
|
|
<h4 style="margin-top: 11px;">5. Vorsorgedokumente</h4>
|
|
</button>
|
|
<span style="float: right;">
|
|
<span class="square_company_arrow"><h2 class="h2_in_arrow">5</h2></span>
|
|
</span>
|
|
</h5>
|
|
</div>
|
|
|
|
<div id="rd_5" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
|
|
<div class="card-body">
|
|
{% block rd_area_5 %}
|
|
{% include "recoverdir/rd_areas/rd_area_5.html" %}
|
|
{% endblock %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 6. Vorsroge und Finanzen -->
|
|
<div class="card">
|
|
<div class="card-header" id="headingOne">
|
|
<h5 class="mb-0">
|
|
<button class="btn btn-link tabelement" onclick="javascript:newTabOpen(6)" data-toggle="collapse" data-target="#rd_6" aria-expanded="true" aria-controls="rd_6">
|
|
<h4 style="margin-top: 11px;">6. Vorsorge & Finanzen</h4>
|
|
</button>
|
|
<span style="float: right;">
|
|
<span class="square_company_arrow"><h2 class="h2_in_arrow">6</h2></span>
|
|
</span>
|
|
</h5>
|
|
</div>
|
|
|
|
<div id="rd_6" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
|
|
<div class="card-body">
|
|
{% block rd_area_6 %}
|
|
{% include "recoverdir/rd_areas/rd_area_6.html" %}
|
|
{% endblock %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 7. Immobilien -->
|
|
<div class="card">
|
|
<div class="card-header" id="headingOne">
|
|
<h5 class="mb-0">
|
|
<button class="btn btn-link tabelement" onclick="javascript:newTabOpen(7)" data-toggle="collapse" data-target="#rd_7" aria-expanded="true" aria-controls="rd_7">
|
|
<h4 style="margin-top: 11px;">7. Immobilien</h4>
|
|
</button>
|
|
<span style="float: right;">
|
|
<span class="square_company_arrow"><h2 class="h2_in_arrow">7</h2></span>
|
|
</span>
|
|
</h5>
|
|
</div>
|
|
|
|
<div id="rd_7" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
|
|
<div class="card-body">
|
|
{% block rd_area_7 %}
|
|
{% include "recoverdir/rd_areas/rd_area_7.html" %}
|
|
{% endblock %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 8. Verträge -->
|
|
<div class="card">
|
|
<div class="card-header" id="headingOne">
|
|
<h5 class="mb-0">
|
|
<button class="btn btn-link tabelement" onclick="javascript:newTabOpen(8)" data-toggle="collapse" data-target="#rd_8" aria-expanded="true" aria-controls="rd_8">
|
|
<h4 style="margin-top: 11px;">8. Verträge</h4>
|
|
</button>
|
|
<span style="float: right;">
|
|
<span class="square_company_arrow"><h2 class="h2_in_arrow">8</h2></span>
|
|
</span>
|
|
</h5>
|
|
</div>
|
|
|
|
<div id="rd_8" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
|
|
<div class="card-body">
|
|
{% block rd_area_8 %}
|
|
{% include "recoverdir/rd_areas/rd_area_8.html" %}
|
|
{% endblock %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 9. Sonstiges -->
|
|
<div class="card">
|
|
<div class="card-header" id="headingOne">
|
|
<h5 class="mb-0">
|
|
<button class="btn btn-link tabelement" onclick="javascript:newTabOpen(9)" data-toggle="collapse" data-target="#rd_9" aria-expanded="true" aria-controls="rd_9">
|
|
<h4 style="margin-top: 11px;">9. Sonstiges</h4>
|
|
</button>
|
|
<span style="float: right;">
|
|
<span class="square_company_arrow"><h2 class="h2_in_arrow">9</h2></span>
|
|
</span>
|
|
</h5>
|
|
</div>
|
|
|
|
<div id="rd_9" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
|
|
<div class="card-body">
|
|
{% block rd_area_9 %}
|
|
{% include "recoverdir/rd_areas/rd_area_9.html" %}
|
|
{% endblock %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
//Functionality to show last open accordion-tab
|
|
$(document).ready(function(){
|
|
var tabelement = localStorage.getItem('rd_rd_accordion');
|
|
if(tabelement){
|
|
$("#rd_" + tabelement).addClass("show");
|
|
}
|
|
});
|
|
function newTabOpen(tabelement){
|
|
localStorage.setItem('rd_rd_accordion', tabelement);
|
|
}
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|