<script>
    {% if start == 1 %}
    jQuery(document).ready(function () {
        {% else %}
        jQuery(document).on('click', '#startcheck', function () {
            {% endif %}

            var ajaxurl = typeof trainingssystem_plugin_v2_ajax !== 'undefined' ? trainingssystem_plugin_v2_ajax.trainingssystem_plugin_v2_ajax_url : null;

            jQuery('.ts-forms-form-{{resultid}} .ts-forms-submitmanually').html('Speichern').removeClass("mb-3").addClass('btn-info');

            jQuery('#beforestart').hide();

            updateBar(0);
            jQuery('#progbar').show();

            var allefragen = [];
            jQuery('#fragen .form-group:not(.result-field)').each(function () {
                allefragen.push(jQuery(this));
            });

            /*alle fragen bis auf die erste werden versteckt:*/
            for (var k = 1; k < allefragen.length; k++) {
                if (allefragen[k] != null) {
                    allefragen[k].hide();
                }
            }
            allefragen[0].parent().parent().parent().show();

            jQuery('#fragen').show();

            jQuery('input').parent().click(function () {
                var ele = jQuery(this);
                ele.siblings().removeClass("selected");
                ele.addClass("selected");
                nextpage();
            }).children().click(function(e) {
                e.cancelBubble = true;
                e.preventDefault();
            });

            jQuery('#prev').click(function () {
                prevpage();
            });

            var done = 0;
            var next = 0;
            var prev = 0;
            var part = 100 / allefragen.length;

            /*Weiterleitung Vor:*/
            function nextpage() {

                jQuery('#progbar').show();
                jQuery('#prev').hide();

                let alkohol1 =   jQuery("#fragen .alkoholkonsum1 .selected .ts-forms-element");
                let alkohol2 =   jQuery("#fragen .alkoholkonsum2 .selected .ts-forms-element");
                let alkohol3 =   jQuery("#fragen .alkoholkonsum3 .selected .ts-forms-element");

                prev =next;

                if(allefragen[prev] != undefined && allefragen[prev].parent().parent().parent()[0].classList.contains('alkoholkonsum1') &&
                    jQuery("#fragen .alkoholkonsum1 .selected .ts-forms-element").val() == 0){
                    let alkohol2_3 = [...alkohol2, ...alkohol3];
                    next += jQuery('#fragen .alkoholkonsum2 .form-group,#fragen .alkoholkonsum3 .form-group').length +1;
                    for (let i = 0; i < alkohol2_3.length; i++) {
                        jQuery(alkohol2_3[i]).removeAttr("checked");
                    }
                } else if(allefragen[prev] != undefined && allefragen[prev].parent().parent().parent()[0].classList.contains('alkoholkonsum2') &&
                    alkohol2.length === jQuery("#fragen .alkoholkonsum2 .form-group").length)
                {
                    let value = parseInt(alkohol1.val());
                    for (let i = 0; i < alkohol2.length; i++) {
                        value += parseInt(alkohol2[i].value);
                    }
                    if (value < 5) {
                        next += jQuery('#fragen .alkoholkonsum3 .form-group').length +1;
                        for (let i = 0; i < alkohol3.length; i++) {
                            jQuery(alkohol3[i]).removeAttr("checked");
                        }
                    } else {
                        next++;
                    }
                } else {
                    next++;
                }

                if (next < allefragen.length) {
                    allefragen[prev].fadeOut(function () {
                        if (allefragen[next] != undefined) {
                            allefragen[prev].parent().parent().parent().hide();
                            allefragen[next].parent().parent().parent().show();

                            allefragen[next].fadeIn();
                            allefragen[next].parent().parent().parent().fadeIn();
                            jQuery('#prev').fadeIn();
                            done = done + part;
                            updateBar(done);
                        }
                    });
                }
                if (next >= allefragen.length) {
                    done = part * allefragen.length;
                    updateBar(done);
                    auswertung();

                    jQuery('#progbar').hide();
                    jQuery('#prev').fadeOut();
                    jQuery('#prev').hide();

                }
                allefragen[prev].hide();
            };
            /**/


            /*Zurück*/
            function prevpage() {
                if (prev < allefragen.length - 1) {
                    allefragen[prev].fadeOut(function () {

                        //checkfinishbackwards();
                        allefragen[next].parent().parent().parent().hide();
                        allefragen[prev].parent().parent().parent().show();

                        allefragen[next].hide();
                        allefragen[prev].show();
                        if (next >= 0) {
                            done = done - part;
                            updateBar(done);
                        }
                    })
                }
                next = prev;
                if (prev === 0) {
                    jQuery('#prev').hide();
                } else if (prev > 0) {
                    prev--;
                }

            };


            // jQuery('#auswerten').on('click', function() {
            //   auswertung();
            // });

            /******************************Auswertung****************************************************************************/

            function auswertung() {
                jQuery('#ergebnis').show();
                var i = 0;
                document.querySelectorAll("#fragen .stressfragen .selected .ts-forms-element")
                    .forEach(e => i = i + parseInt(e.value));
                let  ergebnisstress =  i;
                i = 0;

                document.querySelectorAll("#fragen .selbstkritikfragen .selected .ts-forms-element")
                    .forEach(e => i = i + parseInt(e.value));
                let ergebnisselbstkritik = i;
                i = 0;

                document.querySelectorAll("#fragen .perseverativesdenkenfragen .selected .ts-forms-element")
                    .forEach(e => i = i + parseInt(e.value));
                let ergebnisperseverativesdenken = i;
                i = 0;

                document.querySelectorAll("#fragen .regenerationfragen .selected .ts-forms-element")
                    .forEach(e => i = i + parseInt(e.value));
                let ergebnisregeneration = i;
                i = 0;

                document.querySelectorAll("#fragen .alkoholkonsum1 .selected .ts-forms-element")
                    .forEach(e => i = i + parseInt(e.value));
                let ergebnisalkoholkonsum1 = i;
                i = 0;

                document.querySelectorAll("#fragen .alkoholkonsum2 .selected .ts-forms-element")
                    .forEach(e => i = i + parseInt(e.value));
                let ergebnisalkoholkonsum2 = i;
                i = 0;

                document.querySelectorAll("#fragen .alkoholkonsum3 .selected .ts-forms-element")
                    .forEach(e => i = i + parseInt(e.value));
                let ergebnisalkoholkonsum3 = i;
                i=0;
                let ergebnisalkoholkonsum = ergebnisalkoholkonsum1 + ergebnisalkoholkonsum2 + ergebnisalkoholkonsum3;


                /*Generalinfo Speichern etc.*/
                if (ergebnisstress > 0 || ergebnisselbstkritik > 0 || ergebnisregeneration > 0 || ergebnisalkoholkonsum > 0) {
                    jQuery('.generalinfo').show();
                }

                var gesamtpunkte_stress = 4 * 4; // 4 fragen a max 4 punkte
                var gesamtpunkte_selbstkritik = 3 * 4; // 3 fragen a max 4 punkte
                var gesamtpunkte_perseverativesdenken = 4 * 4; // 4 fragen a max 4 punkte
                var gesamtpunkte_regeneration = 3 * 4; // 4 fragen a max 4 punkte
                var gesamtpunkte_alkoholkonsum = 10 * 4; // 10 fragen a max 4 punkte

                var percentstress = Math.round(ergebnisstress / gesamtpunkte_stress * 100);
                var percentselbstkritik = Math.round(ergebnisselbstkritik / gesamtpunkte_selbstkritik * 100);
                var percentperseverativesdenken = Math.round(ergebnisperseverativesdenken / gesamtpunkte_perseverativesdenken * 100);
                var percentregeneration = Math.round(ergebnisregeneration / gesamtpunkte_regeneration * 100);
                var percentalkoholkonsum = Math.round(ergebnisalkoholkonsum / gesamtpunkte_alkoholkonsum * 100);

                /*Stress*/
                if (ergebnisstress >= 11) {
                    jQuery('.stressrot').show();
                } else if (ergebnisstress < 11 && ergebnisstress >= 5) {
                    jQuery('.stressgelb').show();
                } else if (ergebnisstress < 5) {
                    jQuery('.stressgrün').show();
                }

                /*Kritik*/
                if (ergebnisselbstkritik >= 9) {
                    jQuery('.selbstkritikrot').show();
                } else if (ergebnisselbstkritik < 9 && ergebnisselbstkritik >= 4) {
                    jQuery('.selbstkritikgelb').show();
                } else if (ergebnisselbstkritik < 4) {
                    jQuery('.selbstkritikgrün').show();
                }

                /*perseverativesdenken*/
                if (ergebnisperseverativesdenken > 12) {
                    jQuery('.perseverativesdenkenrot').show();
                } else if (ergebnisperseverativesdenken <= 12 && ergebnisperseverativesdenken >= 6) {
                    jQuery('.perseverativesdenkengelb').show();
                } else if (ergebnisperseverativesdenken < 6) {
                    jQuery('.perseverativesdenkengrün').show();
                }

                /*regeneration*/
                if (ergebnisregeneration >= 9) {
                    jQuery('.regenerationrot').show();
                } else if (ergebnisregeneration < 9 && ergebnisregeneration >= 5) {
                    jQuery('.regenerationgelb').show();
                } else if (ergebnisregeneration < 5) {
                    jQuery('.regenerationgrün').show();
                }

                /*alkoholkonsum*/
                if (ergebnisalkoholkonsum >= 20) {
                    jQuery('.alkoholkonsumrot2').show();
                } else if (ergebnisalkoholkonsum < 20 && ergebnisalkoholkonsum >= 16) {
                    jQuery('.alkoholkonsumrot1').show();
                }  else if (ergebnisalkoholkonsum >= 5 && ergebnisalkoholkonsum <= 15) {
                    jQuery('.alkoholkonsumgelb2').show();
                    percentalkoholkonsum = percentalkoholkonsum < 13 ? 13 : percentalkoholkonsum;
                }else if (
                    [].slice.call(document.querySelectorAll('#fragen .alkoholkonsum2 .selected .ts-forms-element'))
                        .filter(function(e){return e.value>=2})
                        .length >= 1)
                {
                    jQuery('.alkoholkonsumgelb1').show();
                    percentalkoholkonsum = 13;
                } else if (ergebnisalkoholkonsum < 5) {
                    jQuery('.alkoholkonsumgrün').show();
                }




                {% if resultid is  not  empty and  userid != 0 %}

                var resultObj = new Object();
                resultObj['stress'] = percentstress;
                resultObj['selbstkritik'] = percentselbstkritik;
                resultObj['perseverativesdenken'] = percentperseverativesdenken;
                resultObj['regeneration'] = percentregeneration;
                resultObj['alkoholkonsum'] = percentalkoholkonsum;

                jQuery('.ts-forms-form-{{resultid}} .ts-forms-element-{{resultid}}').first().val(JSON.stringify(resultObj));

                {% endif %}


                {% if userid != 0 %}

                jQuery.ajax({
                    type: 'POST',
                    url: ajaxurl,
                    data: {
                        "action": "check_completed",
                        "checktitle": '{{ title }}',
                        "url": location.href
                    },
                    error: function (errorThrown) {
                        console.error("check completed ajax failed:");
                        console.error(errorThrown);
                    }
                });

                {% endif %}

                ////////////////////////////////////Highcharts////////////////////////////////////////////////////////////////////////////////////
                Highcharts.chart('stress', {

                    credits: {
                        enabled: false
                    },
                    exporting: {
                        enabled: false
                    },
                    chart: {
                        type: 'gauge',
                        plotBackgroundColor: null,
                        plotBackgroundImage: null,
                        plotBorderWidth: 0,
                        plotShadow: false
                    },

                    title: {
                        text: ''
                    },

                    pane: {
                        startAngle: -150,
                        endAngle: 150,
                        background: [{
                            backgroundColor: {
                                linearGradient: {x1: 0, y1: 0, x2: 0, y2: 1},
                                stops: [
                                    [0, '#FFF'],
                                    [1, '#333']
                                ]
                            },
                            borderWidth: 0,
                            outerRadius: '109%'
                        }, {
                            backgroundColor: {
                                linearGradient: {x1: 0, y1: 0, x2: 0, y2: 1},
                                stops: [
                                    [0, '#333'],
                                    [1, '#FFF']
                                ]
                            },
                            borderWidth: 1,
                            outerRadius: '107%'
                        }, {
                            // default background
                        }, {
                            backgroundColor: '#DDD',
                            borderWidth: 0,
                            outerRadius: '105%',
                            innerRadius: '103%'
                        }]
                    },

                    // the value axis
                    yAxis: {
                        min: 0,
                        max: 100,

                        minorTickInterval: 'auto',
                        minorTickWidth: 1,
                        minorTickLength: 10,
                        minorTickPosition: 'inside',
                        minorTickColor: '#666',

                        tickPixelInterval: 30,
                        tickWidth: 2,
                        tickPosition: 'inside',
                        tickLength: 10,
                        tickColor: '#666',
                        labels: {
                            step: 2,
                            rotation: 'auto'
                        },
                        title: {
                            text: 'Stress '
                        },
                        plotBands: [{
                            from: 0,
                            to: 25,
                            color: '#55BF3B' // green
                        }, {
                            from: 25,
                            to: 63,
                            color: '#DDDF0D' // yellow
                        }, {
                            from: 63,
                            to: 100,
                            color: '#DF5353' // red
                        }]
                    },

                    series: [{
                        name: 'Auswertung',
                        data: [percentstress],
                        tooltip: {
                            valueSuffix: 'Stress'
                        }
                    }]

                }); //************************************************Stress Ende


                Highcharts.chart('selbstkritik', {

                    credits: {
                        enabled: false
                    },
                    exporting: {
                        enabled: false
                    },
                    chart: {
                        type: 'gauge',
                        plotBackgroundColor: null,
                        plotBackgroundImage: null,
                        plotBorderWidth: 0,
                        plotShadow: false
                    },

                    title: {
                        text: ''
                    },

                    pane: {
                        startAngle: -150,
                        endAngle: 150,
                        background: [{
                            backgroundColor: {
                                linearGradient: {x1: 0, y1: 0, x2: 0, y2: 1},
                                stops: [
                                    [0, '#FFF'],
                                    [1, '#333']
                                ]
                            },
                            borderWidth: 0,
                            outerRadius: '109%'
                        }, {
                            backgroundColor: {
                                linearGradient: {x1: 0, y1: 0, x2: 0, y2: 1},
                                stops: [
                                    [0, '#333'],
                                    [1, '#FFF']
                                ]
                            },
                            borderWidth: 1,
                            outerRadius: '107%'
                        }, {
                            // default background
                        }, {
                            backgroundColor: '#DDD',
                            borderWidth: 0,
                            outerRadius: '105%',
                            innerRadius: '103%'
                        }]
                    },

                    // the value axis
                    yAxis: {
                        min: 0,
                        max: 100,

                        minorTickInterval: 'auto',
                        minorTickWidth: 1,
                        minorTickLength: 10,
                        minorTickPosition: 'inside',
                        minorTickColor: '#666',

                        tickPixelInterval: 30,
                        tickWidth: 2,
                        tickPosition: 'inside',
                        tickLength: 10,
                        tickColor: '#666',
                        labels: {
                            step: 2,
                            rotation: 'auto'
                        },
                        title: {
                            text: 'Selbstkritik '
                        },
                        plotBands: [{
                            from: 0,
                            to: 25,
                            color: '#55BF3B' // green
                        }, {
                            from: 25,
                            to: 67,
                            color: '#DDDF0D' // yellow
                        }, {
                            from: 67,
                            to: 100,
                            color: '#DF5353' // red
                        }]
                    },

                    series: [{
                        name: 'Auswertung',
                        data: [percentselbstkritik],
                        tooltip: {
                            valueSuffix: 'Selbstkritik'
                        }
                    }]

                }); //************************************************Selbstkritik Ende

                Highcharts.chart('perseverativesdenken', {

                    credits: {
                        enabled: false
                    },
                    exporting: {
                        enabled: false
                    },
                    chart: {
                        type: 'gauge',
                        plotBackgroundColor: null,
                        plotBackgroundImage: null,
                        plotBorderWidth: 0,
                        plotShadow: false
                    },

                    title: {
                        text: ''
                    },

                    pane: {
                        startAngle: -150,
                        endAngle: 150,
                        background: [{
                            backgroundColor: {
                                linearGradient: {x1: 0, y1: 0, x2: 0, y2: 1},
                                stops: [
                                    [0, '#FFF'],
                                    [1, '#333']
                                ]
                            },
                            borderWidth: 0,
                            outerRadius: '109%'
                        }, {
                            backgroundColor: {
                                linearGradient: {x1: 0, y1: 0, x2: 0, y2: 1},
                                stops: [
                                    [0, '#333'],
                                    [1, '#FFF']
                                ]
                            },
                            borderWidth: 1,
                            outerRadius: '107%'
                        }, {
                            // default background
                        }, {
                            backgroundColor: '#DDD',
                            borderWidth: 0,
                            outerRadius: '105%',
                            innerRadius: '103%'
                        }]
                    },

                    // the value axis
                    yAxis: {
                        min: 0,
                        max: 100,

                        minorTickInterval: 'auto',
                        minorTickWidth: 1,
                        minorTickLength: 10,
                        minorTickPosition: 'inside',
                        minorTickColor: '#666',

                        tickPixelInterval: 30,
                        tickWidth: 2,
                        tickPosition: 'inside',
                        tickLength: 10,
                        tickColor: '#666',
                        labels: {
                            step: 2,
                            rotation: 'auto'
                        },
                        title: {
                            text: 'Grübeln und Sorgen'
                        },
                        plotBands: [{
                            from: 0,
                            to: 31,
                            color: '#55BF3B' // green
                        }, {
                            from: 31,
                            to: 75,
                            color: '#DDDF0D' // yellow
                        }, {
                            from: 75,
                            to: 100,
                            color: '#DF5353' // red
                        }]
                    },

                    series: [{
                        name: 'Auswertung',
                        data: [percentperseverativesdenken],
                        tooltip: {
                            valueSuffix: 'Grübeln und Sorgen'
                        }
                    }]

                }); //************************************************ Grübeln und Sorgen Ende

                Highcharts.chart('regeneration', {

                    credits: {
                        enabled: false
                    },
                    exporting: {
                        enabled: false
                    },
                    chart: {
                        type: 'gauge',
                        plotBackgroundColor: null,
                        plotBackgroundImage: null,
                        plotBorderWidth: 0,
                        plotShadow: false
                    },

                    title: {
                        text: ''
                    },

                    pane: {
                        startAngle: -150,
                        endAngle: 150,
                        background: [{
                            backgroundColor: {
                                linearGradient: {x1: 0, y1: 0, x2: 0, y2: 1},
                                stops: [
                                    [0, '#FFF'],
                                    [1, '#333']
                                ]
                            },
                            borderWidth: 0,
                            outerRadius: '109%'
                        }, {
                            backgroundColor: {
                                linearGradient: {x1: 0, y1: 0, x2: 0, y2: 1},
                                stops: [
                                    [0, '#333'],
                                    [1, '#FFF']
                                ]
                            },
                            borderWidth: 1,
                            outerRadius: '107%'
                        }, {
                            // default background
                        }, {
                            backgroundColor: '#DDD',
                            borderWidth: 0,
                            outerRadius: '105%',
                            innerRadius: '103%'
                        }]
                    },

                    // the value axis
                    yAxis: {
                        min: 0,
                        max: 100,

                        minorTickInterval: 'auto',
                        minorTickWidth: 1,
                        minorTickLength: 10,
                        minorTickPosition: 'inside',
                        minorTickColor: '#666',

                        tickPixelInterval: 30,
                        tickWidth: 2,
                        tickPosition: 'inside',
                        tickLength: 10,
                        tickColor: '#666',
                        labels: {
                            step: 2,
                            rotation: 'auto'
                        },
                        title: {
                            text: 'Regeneration '
                        },
                        plotBands: [{
                            from: 0,
                            to: 33,
                            color: '#55BF3B' // green
                        }, {
                            from: 33,
                            to: 67,
                            color: '#DDDF0D' // yellow
                        }, {
                            from: 67,
                            to: 100,
                            color: '#DF5353' // red
                        }]
                    },

                    series: [{
                        name: 'Auswertung',
                        data: [percentregeneration],
                        tooltip: {
                            valueSuffix: 'Regeneration'
                        }
                    }]

                }); //************************************************regeneration Ende


                Highcharts.chart('alkoholkonsum', {

                    credits: {
                        enabled: false
                    },
                    exporting: {
                        enabled: false
                    },
                    chart: {
                        type: 'gauge',
                        plotBackgroundColor: null,
                        plotBackgroundImage: null,
                        plotBorderWidth: 0,
                        plotShadow: false
                    },

                    title: {
                        text: ''
                    },

                    pane: {
                        startAngle: -150,
                        endAngle: 150,
                        background: [{
                            backgroundColor: {
                                linearGradient: {x1: 0, y1: 0, x2: 0, y2: 1},
                                stops: [
                                    [0, '#FFF'],
                                    [1, '#333']
                                ]
                            },
                            borderWidth: 0,
                            outerRadius: '109%'
                        }, {
                            backgroundColor: {
                                linearGradient: {x1: 0, y1: 0, x2: 0, y2: 1},
                                stops: [
                                    [0, '#333'],
                                    [1, '#FFF']
                                ]
                            },
                            borderWidth: 1,
                            outerRadius: '107%'
                        }, {
                            // default background
                        }, {
                            backgroundColor: '#DDD',
                            borderWidth: 0,
                            outerRadius: '105%',
                            innerRadius: '103%'
                        }]
                    },

                    // the value axis
                    yAxis: {
                        min: 0,
                        max: 100,

                        minorTickInterval: 'auto',
                        minorTickWidth: 1,
                        minorTickLength: 10,
                        minorTickPosition: 'inside',
                        minorTickColor: '#666',

                        tickPixelInterval: 30,
                        tickWidth: 2,
                        tickPosition: 'inside',
                        tickLength: 10,
                        tickColor: '#666',
                        labels: {
                            step: 2,
                            rotation: 'auto'
                        },
                        title: {
                            text: 'Alkoholkonsum '
                        },
                        plotBands: [{
                            from: 0,
                            to: 10,
                            color: '#55BF3B' // green
                        }, {
                            from: 10,
                            to: 38,
                            color: '#DDDF0D' // yellow
                        }, {
                            from: 38,
                            to: 100,
                            color: '#DF5353' // red
                        }]
                    },

                    series: [{
                        name: 'Auswertung',
                        data: [percentalkoholkonsum],
                        tooltip: {
                            valueSuffix: 'Alkoholkonsum'
                        }
                    }]

                }); //************************************************alkoholkonsum

            }; /*Auswertung-Ende*/

            ////////////////////////////// Progressbar/////

            function updateBar(d) {
                var rounded = Math.round(d);
                jQuery('#progbar-numb').html("<p class='mb-0 mx-auto my-auto'>" + rounded + "%</p>");
                jQuery('#progbar-inner').css({'width': d + "%"});
            }

            {% if resultid is  not empty  and userid != 0 %}

            jQuery(document).on('click', '.ts-forms-form-{{resultid}} .ts-forms-submitmanually', function (e) {

                jQuery.ajax({
                    type: 'POST',
                    url: ajaxurl,
                    data: {
                        "action": "check_saved",
                        "checktitle": '{{ title }}',
                        "url": location.href
                    },
                    error: function (errorThrown) {
                        console.error("check saved ajax failed:");
                        console.error(errorThrown);
                    }
                });
            });

            {% endif %}
        }); //document ready Ende
</script>

<div class="tspv2_check">
    <div>
        <h1>{{ title }}</h1>
    </div>

    <div id="beforestart">

        <p>
            Im Programm Implement stehen Ihnen verschiedene Online-Trainings zur Verfügung, die Sie bei der individuellen
            Förderung Ihrer mentalen Gesundheit unterstützen können. Vielleicht haben Sie schon entschieden, eines dieser
            Trainings zu beginnen. In diesem Fall wünschen wir Ihnen einen guten Start und viel Erfolg in Ihrem Training!
        </p>

        <p>
            Sie sind sich nicht sicher, ob gerade die richtige Zeit für Sie ist, um sich über einige Wochen der Stärkung Ihrer
            mentalen Gesundheit zu widmen? Vielleicht haben Sie sich auch schon die Beschreibung des einen oder anderen
            Online-Trainings in diesem Programm durchgelesen. Sie sind sich aber nicht sicher, welches Training das Richtige für
            Sie ist? Der Selbst-Check kann Ihnen eine Orientierung geben.
        </p>

        <p>
            Der Selbst-Check bietet Ihnen Antworten auf zwei Fragen: <br>
            1) Welche Beschwerden sind bei Ihnen wie stark ausgeprägt <br>
            2) Welches Training kann Ihnen bei der Reduktion dieser Beschwerden oder zur Stärkung Ihrer Gesundheit in diesem
            Bereich helfen.<br>
            Die aus dem Selbst-Check resultierenden Empfehlungen basieren auf Daten, die wir aus vorherigen
            Studien gesammelt und ausgewertet haben.
        </p>

        <p>
            Entscheidend dafür, wie stark Sie von einem Training profitieren, sind aber auch Ihre Motivation und Ihre Vorlieben.
            Daher spielt Ihr ganz persönliches Interesse an einem Trainingsbereich ebenfalls eine Rolle. Sollten Ihnen mehrere
            Trainings empfohlen werden, entscheiden Sie sich am besten für das Training, was Sie am ehesten anspricht.
        </p>

        {% if userid == 0 %}
        <div class="alert alert-info" role="alert">
            <h5><i class="fas fa-info-circle"></i>&nbsp;Hinweis</h5>
            <p>
                Sie sind momentan nicht angemeldet. Die Durchführung des Checks ist für Sie dennoch möglich und kann
                Ihnen als Modulempfehlung dienen.<br>
                Um Ihre Ergebnisse für spätere Analysen speichern zu können, melden Sie sich bitte <b>vor</b> der
                Durchführung des Checks im System an.
            </p>
        </div>
        {% endif %}

        <a class="btn btn-primary" id="startcheck">Gesundheits-Check starten »</a>

    </div>

    <div id="progbar" class="position-relative rounded my-4">
        <div id="progbar-numb" class="d-flex w-100"></div>
        <div id="progbar-inner" class="rounded"></div>
    </div>

    <div id="fragen">

        <div class="stressfragen fragen-thema">
            <h4>Die nachfolgenden Fragen beziehen Sie auf Ihre Gefühle und Gedanken während der letzten Woche.
                Bitte geben Sie jeweils an, wie oft Sie sich so gefühlt oder so gedacht haben.</h4>
            {{ stress|raw }}
        </div>

        <div class="selbstkritikfragen fragen-thema">
            <h4>Die nachfolgenden Aussagen beziehen sich darauf, wie Sie in schwierigen Situationen mit sich selbst umgehen. Bitte geben Sie an, 
            wie häufig Sie in den letzten 2 Wochen in der beschriebenen Art und Weise auf schwierige Situationen reagiert haben.</h4>
            {{ selbstkritik|raw }}
        </div>
        <div class="perseverativesdenkenfragen fragen-thema">
            <h4>Bei den folgenden Aussagen geht es darum, wie Sie typischerweise über negative Erlebnisse oder Probleme nachdenken. Bitte geben Sie an, 
            wie häufig die folgenden Aussagen auf Sie zutreffen, wenn Sie über negative Erlebnisse oder Probleme nachdenken.</h4>
            {{ perseverativesdenken|raw }}
        </div>

        <div class="regenerationfragen fragen-thema">
            <h4>Nun geht es um Ihre Schlafqualität. 
            Bitte geben Sie jeweils den Schweregrad Ihrer Schlafprobleme während der letzten 2 Wochen an.</h4>
            {{ regeneration|raw }}
        </div>

        <div class="alkoholkonsum1 fragen-thema">
            {{ alkoholkonsum1|raw }}
        </div>
        <div class="alkoholkonsum2 fragen-thema">
            {{ alkoholkonsum2|raw }}
        </div>
        <div class="alkoholkonsum3 fragen-thema">
            {{ alkoholkonsum3|raw }}
        </div>

        <a class="btn btn-primary" id="prev"><i class="fas fa-chevron-left"></i>&nbsp;zurück</a>

    </div>
    <!--Fragen Ende-->

    <div id="ergebnis">
        <!--Stress-->
        <h2>Stress</h2>
        <div class="row mb-3">

            <div class="col-12 col-sm-6 col-md-6 col-lg-8 col-xl-8 order-2 order-sm-1">
                
                <div class="stressgrün" style="display: none;">
                    <p>
                        Gefühle und Gedanken von Stress, übermäßiger Anspannung oder Überforderung scheinen bei Ihnen in den letzten Tagen keine große
                        Rolle zu spielen. Das ist erfreulich und deutet darauf hin, dass Sie über wichtige Kompetenzen zur Stressbewältigung verfügen.
                    </p>
                    <p>
                        Auf dieser Plattform finden Sie zwei Online-Trainings zur Weiterentwicklung Ihrer Stresskompetenzen:
                    </p>
                    <p>
                        In dem Training „Fit im Stress“ lernen Sie, wie Sie Lösungsstrategien für aktuelle Probleme entwickeln können.
                        Darüber hinaus lernen Sie verschiedene Methoden kennen, um gelassener mit Stress und mit schwierigen Emotionen
                        wie Ärger oder Angst umzugehen.
                    </p>
                    <p>
                        In dem Training „Resist. Resilienz stärken“ geht es hingegen darum, die eigene Aufmerksamkeit weg von den
                        Dingen, die nicht so gut laufen, hin zu den vorhandenen eigenen
                        Stärken und Ressourcen im Leben zu lenken. Das bewusste Wahrnehmen eigener Stärken und Ressourcen kann dabei
                        helfen, auch in zukünftigen schwierigen Situationen psychisch
                        widerstandsfähig zu bleiben.
                    </p>
                    <p>
                        Aufgrund Ihrer geringen Belastung durch Stress, Anspannung und Überforderung werden Ihnen die Trainings daher
                        wahrscheinlich nicht helfen können,
                        Ihr Stressempfinden weiter zu reduzieren. Wenn Sie dennoch Interesse daran haben, Ihre Fähigkeiten im Umgang mit
                        Stress oder Ihre innere
                        Widerstandsfähigkeit gezielt zu trainieren, können Sie eines dieser Trainings dafür nutzen. Wie jedes Training
                        kosten beide Trainings Zeit.
                        Wägen Sie ab, ob Sie die Zeit für eines der Trainings nutzen möchten oder in andere Aktivitäten investieren, die
                        Ihnen gut tun und Ihre
                        Entspannung und Gelassenheit im Umgang mit Stress fördern.
                    </p>
                </div>

                <div class="stressgelb" style="display: none;">
                    <p>
                        Sie beschreiben einige Gefühle oder Gedanken von Stress, Anspannung und Überforderung. Das kann schon einmal
                        vorkommen, wenn viele Aufgaben zu erledigen sind oder wenn uns bestimmte Sorgen umtreiben. In solchen Phasen
                        kommen oft gerade die Dinge im Alltag zu kurz, aus denen wir neue Kraft schöpfen können. Wenn Sie so etwas
                        schon öfter erlebt haben und etwas tun möchten,
                        um Ihre Stressbewältigungsfähigkeiten auszubauen, dann könnte das Training „Fit im Stress“ oder das Training „Resist. Resilienz stärken“ etwas für Sie sein.
                    </p>
                    <p>
                        Das Training „Fit im Stress“ zielt insbesondere auf die Förderung von effektiven und systematischen Bewältigungsstrategien
                        für Stresssituationen ab. Ebenso fördert es Fähigkeiten,
                        gelassener mit Stress und mit schwierigen Gefühlen wie Ärger oder Angst sowie mit stressverstärkenden Gedanken umzugehen.
                    </p>
                    <p>
                        Das Training „Resist. Resilienz stärken“ ist entwickelt worden, um die eigene Aufmerksamkeit weg von den Dingen, die nicht so gut laufen, hin zu Gelingendem sowie bereits vorhandenen eigenen Stärken und Ressourcen im Leben zu lenken. Das bewusste Wahrnehmen eigener Stärken und Ressourcen kann dabei helfen, besser mit stressreichen Situationen umzugehen und auch in zukünftigen schwierigen Situationen psychisch widerstandsfähig zu bleiben. 
                    </p>
                    <p>
                        Aufgrund der Erfahrungen von vielen ehemaligen Trainingsteilnehmer/innen sind wir zuversichtlich, dass Ihnen
                        beide Trainings dabei helfen können, Gefühle von Stress, Anspannung und Überforderung wirksam zu reduzieren.
                        Wenn Sie eines der beiden Trainings machen möchten, wählen Sie am besten das Training aus, das Sie persönlich
                        mehr anspricht.
                    </p>
                </div>

                <div class="stressrot" style="display: none;">
                    <p>
                        Sie beschreiben ausgeprägte Gefühle oder Gedanken von Stress, Anspannung und Überforderung. Gerade wenn Sie dies
                        schon über einen längeren Zeitraum erleben, ist es eine gute Idee, etwas zur Reduktion dieser Beschwerden zu tun.
                        Manchmal nehmen uns diese Gefühle so sehr ein, dass wir keinen guten Umgang mehr mit stressreichen Situationen
                        finden oder unsere Aufmerksamkeit vermehrt auf das lenken, was uns nicht gelingt.
                    </p>
                    <p>
                        Zur Bewältigung von Stress, Anspannung und Überforderung sind zwei Online-Trainings entwickelt worden:
                    </p>
                    <p>
                        Das Training „Fit im Stress“ zielt insbesondere auf die Förderung von effektiven und systematischen Bewältigungsstrategien
                        für Stresssituationen ab. Ebenso fördert es Fähigkeiten,
                        gelassener mit Stress und mit schwierigen Emotionen wie Ärger oder Angst sowie mit stressverstärkenden Gedanken umzugehen.
                    </p> 
                    <p>Das Training „Resist. Resilienz stärken“ ist entwickelt worden, um die eigene Aufmerksamkeit weg von den Dingen, die nicht so gut laufen, hin zu Gelingendem sowie bereits vorhandenen eigenen Stärken und Ressourcen im Leben zu lenken. Das bewusste Wahrnehmen eigener Stärken und Ressourcen kann dabei helfen, besser mit stressreichen Situationen umzugehen und auch in zukünftigen schwierigen Situationen psychisch widerstandsfähig zu bleiben. 
                    </p>
                    <p>
                        Aufgrund der Erfahrungen von vielen ehemaligen Trainingsteilnehmer/innen sind wir zuversichtlich, dass Ihnen
                        beide Trainings dabei helfen können, Gefühle von Stress, Anspannung und Überforderung wirksam zu reduzieren.
                        Wenn Sie eines der beiden Trainings machen möchten, wählen Sie am besten das Training aus, das Sie persönlich
                        mehr anspricht.
                    </p>
                    <p>
                        Bei sehr starker Ausprägung Ihrer Beschwerden und wenn diese schon eine lange Zeit andauern, können auch darüber hinausgehende
                        Unterstützungsangebote nützlich sein, um diese Beschwerden merklich zu lindern.
                        Scheuen Sie nicht weitere Hilfsangebote zu nutzen, wenn Sie den Eindruck haben, dass die Online-Trainings „Fit im Stress“ oder „Resist. Resilienz stärken“
                        nicht zu einer ausreichenden Linderung Ihrer Beschwerden beiträgt.
                    </p>
                </div>

            </div>

            <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 order-1 order-sm-2">
                <div id="stress" style="min-width: 310px; max-width: 400px; height: 300px;"></div>
            </div>
        </div>
        <!--row Stress ENDE -->

        <!--row Selbstkritik-->
        <h2>Selbstkritik</h2>
        <div class="row mb-3">
            <div class="col-12 col-md-6 col-lg-8 col-xl-8 order-2 order-sm-1">
                
                <div class="selbstkritikgrün" style="display: none;">
                    <p>
                        Gefühle der Unzulänglichkeit oder Gedanken über die eigenen Ecken und Kanten scheinen bei Ihnen keine
                        einnehmende oder belastende Rolle zu spielen – das ist fantastisch!
                    </p>
                    <p>
                        Das Training „Namah. Sei gut zu dir“ wurde als Unterstützung für Personen entwickelt, die mit sich selbst und ihren eigenen Fehlern oft sehr
                        hart ins Gericht gehen. Das Training zielt darauf ab, wohlwollend gegenüber denjenigen Seiten der
                        Persönlichkeit zu sein, die man nicht so an sich mag.
                    </p>
                    <p>
                        Nun scheinen Sie hier schon auf einem ganz guten Weg
                        zu sein, sodass das Training vermutlich keinen zusätzlichen spürbaren Beitrag dazu leisten kann. Wenn Sie
                        trotzdem an einer Weiterentwicklung Ihrer Selbstfürsorge und Ihres Selbstmitgefühls interessiert sind,
                        können Sie sich diesen Themen im Training widmen. Wie jedes Training kostet das Training „Namah. Sei gut zu
                        dir“ Zeit. Wägen Sie daher ab, ob Sie das Gefühl haben, Ihre Zeit in das Training investieren zu wollen
                        oder diese lieber mit anderen Aktivitäten, die Ihnen guttun, füllen möchten.
                    </p>
                </div>

                <div class="selbstkritikgelb" style="display: none;">
                    <p>
                        Sie beschreiben ein hohes Maß an Selbstkritik. Ein gewisses Maß an Selbstkritik ist oft hilfreich, um
                        aus eigenen Fehlern zu lernen. Von Zeit zu Zeit sind selbstkritische Gedanken ganz normal. Wenn Sie dies
                        jedoch häufiger erleben und sich durch Ihre Selbstkritik belastet fühlen, kann das Training „Namah. Sei gut
                        zu dir“ eine Möglichkeit sein, Ihnen dabei zu helfen, wohlwollender und achtsamer mit sich umzugehen.
                    </p>
                    <p>
                        Im Training geht es darum zu lernen, sich selbst anzunehmen – auch wenn etwas mal nicht so läuft wie gewünscht.
                        So umfasst „Namah. Sei gut zu dir“ z. B. den Umgang mit perfektionistischen Tendenzen, den eigenen Erwartungen
                        und mit Erwartungen anderer Personen. Außerdem beschäftigen Sie sich damit, selbstunterstützende Gedanken zu
                        entwickeln, um mit mehr Elan und Selbstsicherheit in neue Herausforderungen starten zu können. Auch wird sich
                        der persönlichen Stärken bewusstgemacht und Achtsamkeit geschult.
                    </p>
                    <p>
                        „Namah. Sei gut zu dir“ enthält bewährte Methoden zur Förderung der mentalen Gesundheit.
                        Daher sind wir sehr zuversichtlich, dass Ihnen das Training dabei helfen
                        kann, wohlwollender mit sich umzugehen.
                    </p>
                </div>

                <div class="selbstkritikrot" style="display: none;">
                    <p>
                        Sie beschreiben ein sehr hoch ausgeprägtes selbstkritisches Verhalten. Dies kann im Alltag stark einnehmend und
                        belastend sein. Daher ist es eine gute Idee, etwas für einen liebevolleren Umgang mit sich selbst zu tun.
                    </p>
                    <p>
                        Das Training „Namah. Sei gut zu dir“ kann eine Möglichkeit sein, Ihnen dabei zu helfen, wohlwollender und achtsamer
                        mit sich umzugehen, anstatt sich für eigene Fehler und Schwächen zu verurteilen. Im Training geht es darum, zu
                        lernen, sich selbst anzunehmen – auch wenn etwas mal nicht so läuft, wie gewünscht. So umfasst „Namah. Sei gut zu
                        dir“ z. B. den Umgang mit perfektionistischen Tendenzen, mit eigenen Erwartungen und mit Erwartungen anderer Personen.
                        Außerdem beschäftigen Sie sich damit, selbstunterstützende Gedanken zu entwickeln, um mit mehr Elan und Selbstsicherheit
                        in neue Herausforderungen starten zu können. Auch wird sich der persönlichen Stärken bewusstgemacht und Achtsamkeit geschult.
                    </p>
                    <p>
                        Wenn Sie schon seit langer Zeit unter starken selbstkritischen Gedanken leiden, dann reicht ein Training wie „Namah. Sei gut zu dir“ möglicherweise
                        nicht aus, damit Sie wohlwollender mit sich umgehen können. Je nach Ausprägung Ihrer Beschwerden kann es somit sein, dass Sie
                        weitere Bausteine benötigen, damit Sie sich durch Ihre Selbstkritik weniger belastet fühlen. Scheuen Sie nicht weitere
                        Hilfsangebote zu nutzen, wenn Sie den Eindruck haben, dass das Training „Namah. Sei gut zu dir“ nicht zu einer ausreichenden
                        Linderung Ihrer Beschwerden beiträgt.
                    </p>
                </div>

            </div>
            <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 order-1 order-sm-2">
                <div id="selbstkritik" style="min-width: 310px; max-width: 400px; height: 300px;"></div>
            </div>
        </div>
        <!--row Selbstkritik-->

        <!--row Grübeln und Sorgen -->
        <h2>Grübeln und Sorgen</h2>
        <div class="row mb-3">
            <div class="col-12 col-sm-6 col-md-6 col-lg-8 col-xl-8 order-2 order-sm-1">
                
                <div class="perseverativesdenkengrün" style="display: none;">
                    <p>
                        Grübel- und Sorgengedanken scheinen bei Ihnen aktuell keine große Rolle zu spielen.
                        Das ist erfreulich! Das Online-Training „Dankbarkeit“ ist für eine Reduktion
                        von Grübel- und Sorgengedanken entwickelt worden. Aufgrund Ihrer geringen Belastung
                        durch Grübel- und Sorgengedanken wird Ihnen das Training daher wahrscheinlich
                        nicht helfen können, Ihre Grübel- und Sorgengedanken weiter zu reduzieren.
                    </p>
                    <p>
                        Wenn Sie dennoch Interesse daran haben, das Positive in Ihrem Alltag mehr wahrzunehmen und
                        wertzuschätzen, können Sie das Online-Training „Dankbarkeit“ dennoch ausprobieren.
                        Wie jedes Training kostet das Online-Training „Dankbarkeit“ Zeit. Wägen Sie ab, ob
                        Sie die Zeit für das Training nutzen möchten oder ob Sie andere Aktivitäten nutzen möchten,
                        die Ihnen gut tun und die Sie wertschätzen.
                    </p>
                </div>

                <div class="perseverativesdenkengelb" style="display: none;">
                    <p>
                        Sie beschreiben einige Grübel- und Sorgengedanken. Manchmal nehmen uns Gedanken an negative
                        Ereignisse oder Sorgen um die Zukunft so sehr ein, dass wir unsere Aufmerksamkeit vermehrt
                        auf Negatives richten. Dann kann ein hilfreiches Ziel darin bestehen, das Positive in der
                        Welt mehr wahrzunehmen und wertzuschätzen.
                    </p>
                    <p>
                        Im Online-Training „Dankbarkeit“ geht es
                        darum, die Fairness der eigenen Aufmerksamkeit zu fördern, indem Sie üben, die kleineren
                        und größeren erfreulichen Erlebnisse im Alltag bewusster wahrzunehmen. Unser Training „Dankbarkeit“
                        ist für eine Reduktion von Grübel- und Sorgengedanken entwickelt worden. Aufgrund von vergangenen
                        Studienergebnissen sind wir zuversichtlich, dass das Training Ihnen dabei helfen kann,
                        Ihre Grübel- und Sorgengedanken wirksam zu reduzieren.
                    </p>
                </div>

                <div class="perseverativesdenkenrot" style="display: none;">
                    <p>
                        Sie beschreiben ausgeprägte Grübel- und Sorgengedanken. Es ist eine gute Idee, etwas zur Reduktion Ihrer
                        Grübel- und Sorgengedanken zu tun. Manchmal nehmen uns Gedanken an negative Ereignisse oder Sorgen um
                        die Zukunft so sehr ein, dass wir unsere Aufmerksamkeit
                        vermehrt auf Negatives richten. Dann kann ein hilfreiches Ziel darin bestehen, das Positive in der Welt
                        mehr wahrzunehmen und wertzuschätzen.
                    </p>
                    <p>
                        Im Online-Training „Dankbarkeit“ geht es darum, die Fairness
                        der eigenen Aufmerksamkeit zu fördern, indem Sie üben, die kleineren und größeren erfreulichen Erlebnisse
                        im Alltag bewusster wahrzunehmen. Aufgrund von vergangenen Studienergebnissen sind wir zuversichtlich, dass
                        das Training ein Baustein sein kann, um Ihnen zu helfen, Ihre Grübel- und Sorgengedanken zu reduzieren.
                    </p>
                    <p>
                        Je nach Ausprägung Ihrer Beschwerden kann es sein, dass Sie weitere Bausteine benötigen, damit sich Ihre Grübel-
                        und Sorgengedanken zufriedenstellend reduzieren. Scheuen Sie nicht weitere Hilfsangebote zu nutzen, wenn Sie
                        den Eindruck haben, dass das Online-Training „Dankbarkeit“ nicht zu einer ausreichenden Linderung Ihrer
                        Beschwerden beiträgt.
                        Manchmal kann es auch sein, dass der Blick so sehr von dem Negativen verstellt ist, dass man es auch mit
                        Anstrengung nicht schafft, ihn auf Positives zu lenken oder man gar nichts Positives mehr sieht. Dann kann
                        es sinnvoll sein, dass Sie sich weitere Unterstützung holen.
                    </p>
                </div>

            </div>
            <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 order-1 order-sm-2">
                <div id="perseverativesdenken" style="min-width: 310px; max-width: 400px; height: 300px;"></div>
            </div>
        </div>
        <!--row Grübeln und Sorgen-->

        <!--row regeneration TODO-->
        <h2>Schlaf und Regeneration </h2>
        <div class="row mb-3">
            <div class="col-12 col-sm-6 col-md-6 col-lg-8 col-xl-8 order-2 order-sm-1">
            
                <div class="regenerationgrün" style="display: none;">
                    <p>
                        Insgesamt deutet Ihr Ergebnis darauf hin, dass Sie in aller Regel einen erholsamen Schlaf haben. Das ist
                        toll! Sorgen Sie weiterhin dafür, dass Sie genug Schlaf bekommen. Dann sind Sie auch für stressreiche
                        Phasen gut gewappnet.
                    </p>
                    <p>
                        Das Training „Schlaf und Regeneration“ ist für Arbeitnehmer entwickelt, die aufgrund der Arbeit Schlafprobleme
                        entwickelt haben. Aufgrund Ihres Ergebnisses werden Sie daher wahrscheinlich
                        kaum vom Training profitieren können. Wenn Sie dennoch Interesse haben, sich näher mit Ihrem Schlaf zu beschäftigen,
                        können Sie das Training natürlich ausprobieren. Wie jedes Training kostet das Online-Training „Schlaf und Regeneration“ Zeit.
                        Wägen Sie daher ab, ob Sie die Zeit für das Training nutzen möchten oder ob Sie andere Aktivitäten nutzen möchten,
                        die Ihnen gut tun und Sie darin unterstützen, erholsamer zu schlafen.
                    </p>
                </div>

                <div class="regenerationgelb" style="display: none;">
                    <p>
                        Ihr Ergebnis deutet darauf hin, dass Sie öfter Schwierigkeiten haben, erholsam zu schlafen. Mit dem
                        Training „Schlaf und Regeneration“ lernen Sie wirksame Techniken zur Förderung eines erholsamen Schlafs. Aufgrund
                        von vergangenen Studiendaten sind wir zuversichtlich, dass das Training Ihnen helfen kann, erholsamer
                        zu schlafen und Ihre Schlafprobleme somit zu reduzieren.
                    </p>
                </div>

                <div class="regenerationrot" style="display: none;">
                    <p>
                        Ihr Ergebnis zeigt deutliche Anzeichen von Schlafproblemen an. Das Training „Schlaf und Regeneration“ kann Sie mit verschiedenen
                        Übungen dabei unterstützen, schrittweise wieder erholsamer zu schlafen. Je nach Ausprägung Ihrer Beschwerden kann es auch sinnvoll sein, 
                        wenn Sie mögliche andere Ursachen für Ihre Schlafprobleme abklären lassen und weitere
                        Bausteine benötigen, damit sich Ihre Schlafprobleme reduzieren. Scheuen Sie nicht, weitere Hilfsangebote zu nutzen,
                        wenn Sie den Eindruck haben, dass das Training „Schlaf und Regeneration“ nicht zu einer ausreichenden Linderung Ihrer Beschwerden beiträgt.
                        Hier finden Sie eine Übersicht dazu.
                    </p>
                </div>

            </div>
            <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-4 order-1 order-sm-2">
                <div id="regeneration" style="min-width: 310px; max-width: 400px; height: 300px;"></div>
            </div>
        </div>
        <!--row regeneration Ende-->
        <!--row Alkohol TODO-->
        <h2>Alkoholkonsum</h2>
        <div class="row">
            <div class="col-12 col-sm-6 col-md-6 col-lg-8 col-xl-8 order-2 order-sm-1">
                
                <div class="alkoholkonsumgrün" style="display: none;">
                    <p>
                        Ihr Ergebnis deutet auf einen maßvollen Umgang mit Alkohol hin. Falls Sie früher einmal mehr getrunken haben:
                        Gratulation! Sie haben Ihren Konsum auf ein gesundheitlich unbedenkliches Maß reduziert.
                        Falls Sie einmal Alkohol trinken, denken Sie daran, als Mann möglichst nicht mehr als 4 / als Frau nicht mehr
                        als 3 Getränke (z.B. 0,33 l Bier oder 0,1 l Wein) an einem Tag zu konsumieren. Damit minimieren Sie das Risiko
                        gesundheitlicher Folgeschäden.
                    </p>
                    <p>
                        Um sicherzugehen, dass sich Ihr Trinkverhalten nicht allmählich und vielleicht zu lange unbemerkt zum Schlechteren
                        hin verändert, sollten Sie diesen Selbst-Check von Zeit zu Zeit wiederholen.
                    </p>
                </div>

                <div class="alkoholkonsumgelb1" style="display: none;">
                    <p>
                        Ihren Angaben zufolge haben Sie bei einer Gelegenheit schon einmal in einem Ausmaß Alkohol getrunken, das als
                        gesundheitlich riskant gilt. Wussten Sie, dass es gesundheitlich verträglicher ist, wenig Alkohol an mehreren
                        Tagen zu trinken, als viel Alkohol an wenigen Tagen? Vielleicht kann es ja ein Ziel für Sie sein, die Anzahl
                        alkoholischer Getränke zu reduzieren. Jedes weniger getrunkene Glas Alkohol ist ein gesundheitlicher Erfolg.
                    </p>
                    <p>
                        Übrigens: Für Männer gilt der Konsum von 5 oder mehr, für Frauen 3 oder mehr Getränken (z.B. 0,33 l Bier oder
                        0,1 l Wein) bei einer Gelegenheit als gesundheitlich riskant. D.h. bei diesen Mengen sind gesundheitsschädliche
                        Folgen durch den Alkoholkonsum nicht auszuschließen.
                    </p>
                </div>

                <div class="alkoholkonsumgelb2" style="display: none;">
                    <p>
                        Ihren Angaben zufolge liegt Ihr Alkoholkonsum im gesundheitlich riskanten Bereich. Das bedeutet, dass Ihr Risiko
                        für gesundheitliche Folgeschäden durch Alkohol erhöht ist. Wenn Sie möchten, können Sie das Online-Training
                        „Clever weniger trinken“ nutzen, um Ihre aktuellen Trinkgewohnheiten in den nächsten Tagen einmal genauer unter die Lupe zu
                        nehmen. Wenn Sie sich dazu entscheiden, Ihren Konsum zu verändern, kann Sie das Online-Training dabei unterstützen.
                    </p>
                    <p>
                        Übrigens: Für Männer gilt der Konsum von 5 oder mehr, für Frauen 3 oder mehr Getränken (z.B. 0,33l Bier oder 0,1l
                        Wein) bei einer Gelegenheit als gesundheitlich riskant. D.h. bei diesen Mengen sind gesundheitsschädliche Folgen
                        durch den Alkoholkonsum nicht auszuschließen.
                    </p>
                </div>

                <div class="alkoholkonsumrot1" style="display: none;">
                    <p>
                        Ihr Ergebnis weist auf die Gefahr eines gesundheitsschädlichen Alkoholkonsums hin. Das bedeutet, dass ein hohes
                        Risiko besteht, durch Alkohol ausgelöste Erkrankungen zu entwickeln. Haben Sie schon einmal darüber nachgedacht,
                        seltener oder zumindest weniger alkoholische Getränke zu sich zu nehmen, wenn Sie etwas trinken?
                    </p>
                    <p>
                        Sie können das Online-Training „Clever weniger trinken“ dazu nutzen, abzuwägen, ob Sie jetzt eine Veränderung angehen wollen. Das Online-Training
                        unterstützt Sie dabei mit verschiedenen Übungen und Beispielen, wie Ihnen das gelingen kann.
                        Hier erhalten Sie Informationen zu weiteren Hilfsangeboten zur Alkoholreduktion sowie Anlaufstellen zur Behandlung
                        von Abhängigkeitserkrankungen.
                    </p>
                </div>
                <div class="alkoholkonsumrot2" style="display: none;">
                    <p>
                        Ihr Ergebnis weist auf eine Alkoholabhängigkeitserkrankung hin. Wir empfehlen Ihnen, das Ergebnis einmal mit Ihrem
                        Hausarzt zu besprechen und sich über gesundheitliche Folgen und Möglichkeiten der Alkoholreduktion zu informieren.
                    </p>
                    <p>
                        Sie können das Online-Training „Clever weniger trinken“ nutzen, um sich einmal genauer mit den Folgen des Alkoholkonsums auseinanderzusetzen
                        und sich Tipps für eine Veränderung Ihres Alkoholkonsums zu holen.
                        Hier erhalten Sie Informationen zu weiteren Hilfsangeboten zur Alkoholreduktion sowie Anlaufstellen zur Behandlung von
                        Abhängigkeitserkrankungen.
                    </p>
                </div>

            </div>
            <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 order-1 order-sm-2">
                <div id="alkoholkonsum" style="min-width: 310px; max-width: 400px; height: 300px;"></div>
            </div>
        </div>

        <div class="generalinfo mt-5">
            {% if empfehlungen_accordion is not empty %}
            <br>
            <br>
            <br>
            <h3>
                Mehr Informationen zu den einzelnen Trainings
            </h3>
            {{ empfehlungen_accordion | raw }}
            {% endif %}
            {% if resultid is not empty and userid != 0 %}
            <div class="card mt-4">
                <div class="card-header">
                    <h4 class="m-0">
                        <i class="fas fa-chart-bar"></i>&nbsp;Eingaben speichern?
                    </h4>
                </div>
                <div class="card-body">
                    <p class="mb-0">
                        Möchten Sie Ihre Check-Ergebnisse speichern, um sie zu einem anderen Zeitpunkt 
                        im Bereich <a target="_blank" href="{{ dashboard_link }}">„Mein Implement“</a> wieder abzurufen und im zeitlichen 
                        Verlauf verfolgen zu können?
                    </p>
                </div>
                <div class="card-footer d-flex flex-row align-items-center">
                    {{result_tsform|raw }}
                    <span class="text-muted pl-3">
                            All Ihre Eingaben können in Ihrem
                            <a href="{{ profile_link }}" target="_blank" title="Persönlicher Bereich">persönlichen
                            Bereich</a>  zu einem späteren Zeitpunkt wieder gelöscht werden.
                    </span>
                </div>
            </div>
            {% endif %}
        </div>
    </div>
    <!--Ergebnis Ende -->
</div>