258 lines
7.3 KiB
HTML
258 lines
7.3 KiB
HTML
<style type="text/css">
|
|
|
|
.square_private_arrow {
|
|
float: right;
|
|
margin-right: 0px;
|
|
width: 65px;
|
|
height: 65px;
|
|
background-color: red;
|
|
color: #ffffff;
|
|
-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 25% 50%);
|
|
}
|
|
|
|
.square_company_arrow {
|
|
float: right;
|
|
margin-right: 0px;
|
|
width: 65px;
|
|
height: 65px;
|
|
background-color: black;
|
|
color: #ffffff;
|
|
-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 25% 50%);
|
|
}
|
|
.h2_in_arrow {
|
|
margin-left: 23px;
|
|
margin-top: 13px;
|
|
}
|
|
|
|
|
|
</style>
|
|
<div id="accordion">
|
|
<!-- 1. NOTFALLLEITFADEN -->
|
|
<div class="card">
|
|
<div class="card-header" id="headingOne">
|
|
<h5 class="mb-0">
|
|
<button class="btn btn-link" 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" 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" 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" 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>
|
|
|
|
|
|
<!-- GEWERBE -->
|
|
<!-- 5. Vorsorgedokumente -->
|
|
<div class="card">
|
|
<div class="card-header" id="headingOne">
|
|
<h5 class="mb-0">
|
|
<button class="btn btn-link" data-toggle="collapse" data-target="#rd_5" aria-expanded="true" aria-controls="rd_5">
|
|
<h4 style="margin-top: 11px;">5. Gewerbe: 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" data-toggle="collapse" data-target="#rd_6" aria-expanded="true" aria-controls="rd_6">
|
|
<h4 style="margin-top: 11px;">6. Gewerbe: Vorsorge und 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" data-toggle="collapse" data-target="#rd_7" aria-expanded="true" aria-controls="rd_7">
|
|
<h4 style="margin-top: 11px;">7. Gewerbe: 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" data-toggle="collapse" data-target="#rd_8" aria-expanded="true" aria-controls="rd_8">
|
|
<h4 style="margin-top: 11px;">8. Gewerbe: 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" 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>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|