{% extends "global/Page.html" %}
{% load otree %}

{% block title %}{% if is_not_last_round %} Portfolio Übersicht - Runde {{ round_no }}{% else %}Ende des Experiments - Finale Werte{% endif %}{% endblock %}

{% block content %}

<style>
    .btn{
        margin-right: 5px;
    }
    .highcharts-figure, .highcharts-data-table table {
    min-width: 360px; 
    max-width: 800px;
    margin: 1.5em auto;
    }
    .highcharts-data-table table {
        font-family: Verdana, sans-serif;
        border-collapse: collapse;
        border: 1px solid #EBEBEB;
        margin: 10px auto;
        text-align: center;
        width: 100%;
        max-width: 500px;
    }
    .highcharts-data-table caption {
        padding: 1em 0;
        font-size: 1.2em;
        color: #555;
    }
    .highcharts-data-table th {
        font-weight: 600;
        padding: 0.5em;
    }
    .highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
        padding: 0.5em;
    }
    .highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
        background: #f8f8f8;
    }
    .highcharts-data-table tr:hover {
        background: #f1f7ff;
    }
    .page-header {
        padding-top: 10px;
    }
    td {
        width: 25%;
    }
    /* Allow resizing images */
    img { 
        max-width:100%; 
        height:auto; 
    } 
</style>

<script>
    // Function for educational info modal
    $(function () {
      $('[data-toggle="tooltip"]').tooltip()
    })
</script>


<div style="width:85%">
    {% if is_not_last_round %}
    {% if invested_previous_round %}
        Bitte entscheiden Sie, ob Sie investiert bleiben oder Ihr Kapital auszahlen möchten.
    {% else %}
        Bitte entscheiden Sie, ob Sie ausgezahlt bleiben oder Ihr Kapital in den Markt investieren möchten.
    {% endif %}
    <p></p>
    {% endif %}

    <table style="width:100%">
        <tr>
            <td><h5 style="word-break: break-all">Tagesgeldkonto</h5></td>
            <td><h5 style="word-break: break-all">Portfoliowert</h5></td>
            <td><h5>Rendite absolut</h5> </td>
            <td><h5>Rendite prozentual</h5></td>
        </tr>
        <tr> 
            <!-- If player is invested show cash as 0€, otherwise portfolio as 0€-->
            {% if invested_previous_round %}
            <td><h5> {{ player.cash }}</h5></td> 
            <td><h5>{{ player.payoff }}</h5></td>
            {% else %}
            <td><h5> {{ player.payoff }}</h5></td> 
            <td><h5>{{ player.cash }}</h5></td>
            {% endif %}
            <td><h5>{{ player.portfolio_returnInEur }}</h5></td>
            <td><h5>{{ player.portfolio_returnInPercent }}%</h5></td>
        </tr>
    </table>
    <p></p>
    {% if is_not_last_round %}
        <!-- Content for pages during the investing period-->
        {% if invested_previous_round %}
            <div class="alert alert-success" role="alert">
                <b>Status:</b> Ihr Kapital ist aktuell im Markt investiert.
            </div>
            <p></p>
        {% else %}
            <div class="alert alert-secondary" role="alert">
                <b>Status:</b> Ihr Kapital ist aktuell nicht im Markt investiert. Es entstehen keine Gewinne oder Verluste.
            </div>
            <p></p>
        {% endif %}
    
    {% else %}
        <!-- Content for final page-->
        <div class="alert alert-primary" role="alert">
            <h5>Herzlichen Glückwunsch!</h5><p></p>
            <p><b>Sie haben die Chance auf den Gewinn eines {{ final_payoff }} € Amazon Gutscheins.</b></p>
            Die Gutscheinhöhe basiert auf Ihrem erreichten Endwert in Höhe von {{ player.payoff }}.<br>
            {% if player.portfolio_returnInPercent > return_market_percent %} 
            <p>Ihr Portfolio hat mit einer Rendite in Höhe von {{ player.portfolio_returnInPercent }} %  <b>besser perfomt als der Markt</b>, der eine Rendite in Höhe von {{ return_market_percent }} % erzielt hat. Damit haben Sie {{ difference_market_portfolio }} mehr Rendite erzielt als der Markt.</p>
            {% endif %}
            {% if player.portfolio_returnInPercent < return_market_percent %} 
            <p>Ihr Portfolio hat mit einer Rendite in Höhe von {{ player.portfolio_returnInPercent }} % <b>schlechter perfomt als der Markt</b>, der eine Rendite in Höhe von {{ return_market_percent }} % erzielt hat. Damit haben Sie {{ difference_market_portfolio_negative }} weniger Rendite erzielt als der Markt.</p>
            {% endif %}

            {% if player.portfolio_returnInPercent == return_market_percent %} 
            <p>Ihr Portfolio hat mit einer Rendite in Höhe von {{ player.portfolio_returnInPercent }} % <b>genauso gut perfomt wie der Markt</b>, der eine Rendite in Höhe von {{ return_market_percent }} % erzielt hat. Damit haben Sie die gleiche Rendite wie der Markt erzielt.</p>
            {% endif %}
            <p>Sie haben das Experiment somit beendet. Vielen Dank für Ihre Teilnahme!</p>
            <p>Wenn Sie an der Gutscheinverlosung teilnehmen möchten, klicken Sie für die Eingabe Ihres Namen und E-Mail Adresse bitte auf den nachfolgenden Button. Eine Zuordnung Ihrer Angaben zu den Antworten im Experiment ist dabei nicht möglich.</p>
            <a class="btn btn-primary btn-lg btn-block" href ="{{ url_payoff }}" role="button" target="_blank">Daten für Teilnahme an der Gutscheinverlosung eingeben</a>
        </div>                                                              
    {% endif %}                                                             
    <p></p>
    <!-- In final round investing buttons are not show -->
    {% if is_not_last_round %}
        {% if invested_previous_round %}
        <div>
            <button name="player_invests" value="True" class="btn btn-primary btn-large" disabled data-toggle="tooltip" data-placement="top" title="Verluste und Gewinne entstehen">Portfoliowert investieren</button>
            <button name="player_invests" value="True" class="btn btn-primary btn-large" data-toggle="tooltip" data-placement="top" title="Verluste und Gewinne entstehen">Investiert bleiben</button>
            <button name="player_invests" value="False" class="btn btn-primary btn-large" style="float: right;" data-toggle="tooltip" data-placement="top" title="Keine Verluste und Gewinne entstehen">Portfolio auszahlen</button>
            <button name="player_invests" value="False" class="btn btn-primary btn-large" disabled style="float: right;" data-toggle="tooltip" data-placement="top" title="Keine Verluste und Gewinne entstehen">Ausgezahlt bleiben</button>
        </div>
        {% else %}
        <div>
            <button name="player_invests" value="True" class="btn btn-primary btn-large"data-toggle="tooltip" data-placement="top" title="Verluste und Gewinne entstehen">Portfoliowert investieren</button>
            <button name="player_invests" value="True" class="btn btn-primary btn-large" disabled data-toggle="tooltip" data-placement="top" title="Verluste und Gewinne entstehen">Investiert bleiben</button>
            <button name="player_invests" value="False" class="btn btn-primary btn-large" disabled style="float: right;" data-toggle="tooltip" data-placement="top" title="Keine Verluste und Gewinne entstehen">Portfolio auszahlen</button>
            <button name="player_invests" value="False" class="btn btn-primary btn-large" style="float: right;" style="float: right;" data-toggle="tooltip" data-placement="top" title="Keine Verluste und Gewinne entstehen">Ausgezahlt bleiben</button>
        </div>
        {% endif %}
    {% endif %}
</div>

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>

<figure class="highcharts-figure">
    <div id="container" style="width:85%; height: 350px"></div>
</figure>

<script>
Highcharts.chart('container', {
    credits: {
        enabled: false
    },
    chart: {
        type: 'line'
    },
    title: {
        text: 'Marktentwicklung'
    },
    legend: {
        enabled: false
    },
    xAxis: {
        categories: js_vars.timeseries
    },
    yAxis: {
        title: {
            text: 'Marktentwicklung in %'
        }
    },
    plotOptions: {
        line: {
            dataLabels: {
                enabled: false
            },
            enableMouseTracking: true
        }
    },
    series: [{
        name: 'Marktentwicklung',
        data: js_vars.market_values
    }]
});
</script>


<script type="text/javascript">
    // Show educational information
    if (js_vars.has_educational_info) {
        if (js_vars.performance_modals == 0) {
            $(window).on('load',function(){
                if (js_vars.is_positive_info) {
                    $('#modalMarketTimingPos').modal('show');
                }
                else {
                    $('#modalMarketTimingNeg').modal('show');
                }
            });      
        }
        if (js_vars.performance_modals == -18.43) {
            $(window).on('load',function(){
                if (js_vars.is_positive_info) {
                    $('#modalPredictionPowerPos').modal('show');
                }
                else {
                    $('#modalPredictionPowerNeg').modal('show');
                }
            });      
        }
        if (js_vars.performance_modals == 3.38) {
                $(window).on('load',function(){
                if (js_vars.is_positive_info) {
                    $('#modalLossProbPos').modal('show');
                }
                else {
                    $('#modalLossProbNeg').modal('show');
                }
            });     
        }        
        if (js_vars.performance_modals == -3.02) {
            $(window).on('load',function(){
                if (js_vars.is_positive_info) {
                    $('#modalBestDaysPos').modal('show');
                }
                else {
                    $('#modalBestDaysNeg').modal('show');
                }
            });   
        }        
        if (js_vars.performance_modals == -4.94) {
            $(window).on('load',function(){
                $('#modalLongTermRisk').modal('show');
            });  
        }    
    }
</script>

<!-- Modal 1 Positive: Market Timing-->
<div class="modal fade bd-example-modal-lg" id="modalMarketTimingPos" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel" align="center">Langfristiges Investieren bringt eine signifikant höhere Rendite als der Versuch des Market Timings!</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
          <p>Market Timing ist der Versuch, die richtigen Ein- und Ausstiegszeitpunkte für eine Investition zu treffen.</p>
          <p>Daniel Kahneman, Wirtschaftsnobelpreisträger für Studien bezüglich Investorenverhalten, ist überzeugt, dass Investoren durch langfristiges Investieren durchschnittlich signifikant höhere Renditen erzielen könnten als durch den Versuch des Market Timings.
</p>
          <div align="center">
              <h5> Erwartete Wachstumsrate bei einer Investition in Höhe von 100.000 $ </h5>
              <h6> Investitionszeitraum: 20 Jahre (31.12.1997 - 31.12.2017) </h6>
              <img src="https://www.dropbox.com/s/epxf1v82mv8i6bt/1_100K-market-timing.png?raw=1" width="400px" />
              <p><small>Quelle: Dalbar Investing Study 2018 </small></p>
          </div>
          <p>Die Grafik macht deutlich, dass der S&P-500-Index eine 1,91% höhere Rendite erzielt als ein durchschnittlicher Aktieninvestor, was durch den Versuch des Market Timing des durchschnittlichen Investors zu erklären ist.</p>
          <p><b>Langfristiges Investieren führt bei Privatanlegern daher zu einer höheren Rendite als der Versuch geeignete Ein- und Ausstiegszeitpunkte zu wählen (Market Timing).</b></p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal">Schließen</button>
      </div>
    </div>
  </div>
</div>

<!-- Modal 1 Negative: Market Timing-->
<div class="modal fade bd-example-modal-lg" id="modalMarketTimingNeg" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel" align="center">Market Timing reduziert die Rendite im Vergleich zum langfristigen Investieren signifikant!</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
          <p>Market Timing ist der Versuch, die richtigen Ein- und Ausstiegszeitpunkte für eine Investition zu treffen.
</p>
          <p>Daniel Kahneman, Wirtschaftsnobelpreisträger für Studien bezüglich Investorenverhalten, ist überzeugt, der durchschnittliche Investor primär aufgrund von Market Timing eine signifikant niedrigere Rendite als der Index erzielt.
</p>
          <div align="center">
              <h5> Erwartete Wachstumsrate bei einer Investition in Höhe von 100.000 $ </h5>
              <h6> Investitionszeitraum: 20 Jahre (31.12.1997 - 31.12.2017) </h6>
              <img src="https://www.dropbox.com/s/epxf1v82mv8i6bt/1_100K-market-timing.png?raw=1" width="400px" />
              <p><small>Quelle: Dalbar Investing Study 2018 </small></p>
          </div>
          <p>Die Grafik macht deutlich, dass ein durchschnittlicher Aktieninvestor eine 1,91% niedrigere Rendite erzielt als der S&P-500-Index, was durch den Versuch des Market Timings des durchschnittlichen Investors zu erklären ist.</p>
          <p><b>Der Versuch, geeignete Ein- und Ausstiegszeitpunkte zu wählen (Market Timing), führt daher im Vergleich zum langfristigen Investieren zu niedrigeren Rendite.</b></p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal">Schließen</button>
      </div>
    </div>
  </div>
</div>

<!-- Modal 2 positive: predicition power of past performance-->
<div class="modal fade bd-example-modal-lg" id="modalPredictionPowerPos" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel" align="center">Die vergangene Kursentwicklung sagt nichts darüber aus, welche Richtung die Börse zukünftig nimmt!</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
          <div align="center">
              <h5> Marginale Unterschiede </h5>
              <h6> Wahrscheinlichkeit für eine positive Kursentwicklung im Dow Jones in Abhängigkeit von der Vorjahresrendite (von Anfang 1886 bis Ende 2017) </h6>
              <img src="https://www.dropbox.com/s/u8d5mu130fgsjbz/2-wahrscheinlichkeit-positive-kursentwicklung.png?raw=1" width="400px" />
              <p><small>Quelle: Samuel H. Williamson „Daily Closing Value of the Dow Jones Average 1885 to Present”</small></p>
          </div>
          <p>Es wird deutlich, dass die Wahrscheinlichkeit für positive Renditen, in Abhängigkeit von der Entwicklung im Vorjahr, in allen Fällen bei über 60 Prozent liegt und sich die einzelnen Szenarien kaum unterscheiden.</p>
<p><b>Vergangene Kursentwicklungen geben daher keinerlei Auskunft, welche Richtung, die Börse zukünftig nimmt.</b></p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal">Schließen</button>
      </div>
    </div>
  </div>
</div>

<!-- Modal 2 negative: predicition power of past performance-->
<div class="modal fade bd-example-modal-lg" id="modalPredictionPowerNeg" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel" align="center">Die vergangene Kursentwicklung sagt nichts darüber aus, welche Richtung die Börse zukünftig nimmt!</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
          <div align="center">
              <h5> Marginale Unterschiede </h5>
              <h6> Wahrscheinlichkeit für eine negative Kursentwicklung im Dow Jones in Abhängigkeit von der Vorjahresrendite (von Anfang 1886 bis Ende 2017) </h6>
              <img src="https://www.dropbox.com/s/bxlkddix3yvk4w9/2.2-wahrscheinlichkeit-negative-kursentwicklung.png?raw=1" width="400px" />
              <p><small>Quelle: Samuel H. Williamson „Daily Closing Value of the Dow Jones Average 1885 to Present”</small></p>
          </div>
          <p>Es wird deutlich, dass die Wahrscheinlichkeit für Kurseinbrüche, in Abhängigkeit von der Entwicklung im Vorjahr, in allen Fällen bei unter 40 Prozent liegt und sich die einzelnen Szenarien kaum unterscheiden.</p>
<p><b>Vergangene Kursentwicklungen geben daher keinerlei Auskunft, welche Richtung, die Börse zukünftig nimmt.</b></p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal">Schließen</button>
      </div>
    </div>
  </div>
</div>

<!-- Modal 3 positive: longer horizons, lower loss probability-->
<div class="modal fade bd-example-modal-lg" id="modalLossProbPos" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel" align="center">Je länger der Investitionszeitraum, desto höher ist die Wahrscheinlichkeit für eine positive Rendite!</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
          <div align="center">
              <h5> MSCI World Index 1980-2015 </h5>
              <h6> Prozentuale Häufigkeit von Anlagezeiträumen mit negativer Gesamtrendite, in Abhängigkeit der Länge des Anlagezeitraums (jährlich rollierende Zeiträume)
</h6>
              <img src="https://www.dropbox.com/s/w0ap3lshutmsrtf/3-positive-performance-vs-anlagezeitraum.png?raw=1" width="400px" />
              <p><small>Quelle: Scalable Capital 2016</small></p>
          </div>
          <p>Über einen beliebigen Zeitraum von vierzehn oder mehr Jahren kam es dabei immer zu einer positiven Rendite.<br> 
Nur wer kurzfristige Verlustperioden aushält, kann langfristig eine positive Rendite erzielen. Über eine Periode von 100 Jahren, hat der Fama-French US Marktindex eine Rendite von ca. 10% p.a. erzielt, jedoch kurzfristig auch mehr als 30% verloren.</p>
          <p><b>Daher gilt: Je länger der Investitionszeitraum, desto höher ist die Wahrscheinlichkeit für eine positive Rendite!</b></p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal">Schließen</button>
      </div>
    </div>
  </div>
</div>

<!-- Modal 4 negative: longer horizons, lower loss probability-->
<div class="modal fade bd-example-modal-lg" id="modalLossProbNeg" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel" align="center">Je länger der Investitionszeitraum, desto geringer ist die Wahrscheinlichkeit für einen Verlust!</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
          <div align="center">
              <h5> MSCI World Index 1980-2015 </h5>
              <h6> Prozentuale Häufigkeit von Anlagezeiträumen mit negativer Gesamtrendite, in Abhängigkeit der Länge des Anlagezeitraums (jährlich rollierende Zeiträume)
</h6>
              <img src="https://www.dropbox.com/s/w0ap3lshutmsrtf/3-positive-performance-vs-anlagezeitraum.png?raw=1" width="400px" />
              <p><small>Quelle: Scalable Capital 2016</small></p>
          </div>
          <p>Über einen beliebigen Zeitraum von vierzehn oder mehr Jahren kam es dabei nie zu einer negativen Gesamtrendite.<br> 
Nur wer kurzfristige Verlustperioden aushält, kann langfristig eine positive Rendite erzielen. Über eine Periode von 100 Jahren, hat der Fama-French US Marktindex eine Rendite von ca. 10% p.a. erzielt, jedoch kurzfristig auch mehr als 30% verloren.</p>
          <p><b>Daher gilt: Je länger der Investitionszeitraum, desto geringer ist die Wahrscheinlichkeit für einen Verlust!</b></p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal">Schließen</button>
      </div>
    </div>
  </div>
</div>

<!-- Modal 4 positive: missing the best days -->
<div class="modal fade bd-example-modal-lg" id="modalBestDaysPos" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel" align="center">Anleger, die in jeder Phase investiert bleiben, profitieren von den besten Tagen an der Börse!</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
          <div align="center">
              <h5> Die besten 25 Tage zu verpassen, kann einen Anleger 5 Prozent jährliche Rendite kosten </h5>
              <h6> Jährliche Rendite eines Investments in den S&P 500 von 1985 to 2015 (in Prozent) </h6>
              <img src="https://www.dropbox.com/s/wiiv339j0pmatiw/4-missing-best-25-days.png?raw=1" width="400px" />
              <p><small>Quelle: Bloomberg, Scalable Capital 2016</small></p>
          </div>
          <p>Ein Anleger, der in jeder Phase an der Börse investiert ist (Buy and Hold- Strategie), erzielt bereits <b>eine 1,5 Prozent höhere Rendite als ein Anleger, der </b> in einem Zeitraum von 40 Jahren durch den Versuch geeignete Ein- und Ausstiegszeitpunkte zu wählen, <b>die besten fünf Tage verpasst.</b><br> 
Da das Vorhersagen von Renditen nicht möglich ist, stellt eine Buy-and Hold- Strategie sicher, von den besten Tagen an der Börse zu profitieren.</p>
          <p><b>Daher gilt: Wer die in jeder Phase investiert bleibt, profitiert von den besten Tagen an der Börse!</b></p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal">Schließen</button>
      </div>
    </div>
  </div>
</div>

<!-- Modal 5 negative: missing the best days -->
<div class="modal fade bd-example-modal-lg" id="modalBestDaysNeg" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel" align="center">Anleger, die in einer negativen Phase aussteigen laufen Gefahr, die besten Tage an der Börse zu verpassen!</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
          <div align="center">
              <h5> Die besten 25 Tage zu verpassen, kann einen Anleger 5 Prozent jährliche Rendite kosten</h5>
              <h6> Jährliche Rendite eines Investments in den S&P 500 von 1985 to 2015 (in Prozent) </h6>
              <img src="https://www.dropbox.com/s/wiiv339j0pmatiw/4-missing-best-25-days.png?raw=1" width="400px" />
              <p><small>Quelle: Bloomberg, Scalable Capital 2016</small></p>
          </div>
          <p>Ein Anleger, der versucht geeignete Ein- und Ausstiegszeitpunkte zu wählen und <b>dabei aber die fünf besten Tage in einem Zeitraum von 40 Jahren verpasst, muss bereits 1,5 Prozent jährliche Rendite einbüßen</b> gegenüber einem Investor, der über den ganzen Zeitraum investiert bleibt (Buy and Hold- Strategie).<br> 
Da das Vorhersagen von Renditen nicht möglich ist, birgt jeder Tag ohne Investition das Risiko hinter der Rendite des Gesamtmarkts zurückzubleiben.</p>
          <p><b>Daher gilt: wer in einer negativen Phase aussteigt läuft Gefahr, die besten Tage an der Börse zu verpassen!</b></p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal">Schließen</button>
      </div>
    </div>
  </div>
</div>

<!-- Modal long term risk -->
<div class="modal fade bd-example-modal-lg" id="modalLongTermRisk" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel" align="center">Kurzfristige Markteinbrüche sind zu erwarten. Für das Eingehen von Risiken werden Investoren langfristig mit einer positiven Rendite belohnt!</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
          <p>Denken Sie daran:
          <ul>
              <li>Die langfristig erwartete Rendite Ihres Portfolios beträgt 4,81% pro Jahr</li>              
              <li>Kurzfristige Markteinbrüche sind zu erwarten und werden langfristig mit einer positiven Rendite entlohnt
</li>
              <li>Ihr verbleibender Anlagehorizont erlaubt noch ausreichend Zeit für eine Erholung
</li>
              <li>Sie besitzen ein global diversifiziertes Portfolio, welches geringere Markteinbrüche in Kauf nehmen muss als bspw. ein reines DAX Portfolio
</li>
              <li>Wer in einer negativen Phase aussteigt läuft Gefahr, die Markterholung zu verpassen</li>
          </ul>
          </p>
        <p><b>“The stock market is a device for transferring money from the impatient to the patient.”</b> (Warren Buffet)</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal">Schließen</button>
      </div>
    </div>
  </div>
</div>


{% endblock %}