
<script type="text/javascript">
    window.onload = function () {
        var c = document.getElementById("line");
        var ctx = c.getContext("2d");
        ctx.beginPath();
        ctx.moveTo(0.5, 0);
        ctx.lineTo(0.5, 342);
        ctx.stroke();
    };

    dataD = [];
    dataI = [];
    dataS = [];
    dataG = [];

    lang = "de";

    if (window.location.href.includes("/en/")){
        lang = "en";
    };

    language = {"de" : {
            "Januar": "Januar",
            "Februar": "Februar",
            "Maerz": "März",
            "April": "April",
            "Mai": "Mai",
            "Juni": "Juni",
            "Juli": "Juli",
            "August" : "August",
            "September" : "September",
            "Oktober" : "Oktober",
            "November" : "November",
            "Dezember" : "Dezember",
            "gesamt" : "Gesamtzahl",
            "deutsch" : "De Marken",
            "international" : "Int. Marken",
            "sonstige" : "Sonstige",
            "pkw" : "Neuzulassungen PKW",
            "nfz" : "Neuzulassungen NFZ",
            "text_pkw" : "neu zugelassene PKW",
            "text_nfz" : "neu zugelassene NFZ"
        },
    "en" : {
        "Januar": "January",
        "Februar": "February",
        "Maerz": "March",
        "April": "April",
        "Mai": "May",
        "Juni": "June",
        "Juli": "July",
        "August" : "August",
        "September" : "September",
        "Oktober" : "October",
        "November" : "November",
        "Dezember" : "December",
        "gesamt" : "Total number",
        "deutsch" : "De Brands",
        "international" : "Int. Brands",
        "sonstige" : "Other",
        "pkw" : "New registrations passenger cars",
        "nfz" : "New registrations commercial vehicles",
        "text_pkw" : "newly registered passenger cars",
        "text_nfz" : "newly registered commercial vehicles"

    }}

    function newData(tabelle){
        return new Promise((resolve, reject) => {

            let xmlhttp = new XMLHttpRequest();

            xmlhttp.onreadystatechange=function(){
                if (xmlhttp.readyState==4 && xmlhttp.status==200){
                    let answer = JSON.parse(this.responseText);

                    dataG = answer.dataG;


                    //console.log("Daten sind da");
                    resolve();
                }
            }
            xmlhttp.open("GET","/wp-content/plugins/vdik-marktdaten/ajax.php?tabelle="+tabelle, true);
            xmlhttp.send();

        });

    }
    newData("marktdaten_pkw_neuzulassungen")
        .then(() =>{
            chart();
            mobile_chart();
        });

    var actualYear = new Date().getFullYear();

    function chart(){
        var ctx = document.getElementById("myChart");

        myChart = new Chart(ctx, {
            type: "line",
            data: {
                labels: [actualYear-2, language[lang]["Januar"], language[lang]["Februar"], language[lang]["Maerz"], language[lang]["April"], language[lang]["Mai"], language[lang]["Juni"], language[lang]["Juli"], language[lang]["August"], language[lang]["September"], language[lang]["Oktober"], language[lang]["November"], language[lang]["Dezember"],
                    language[lang]["Januar"], language[lang]["Februar"], language[lang]["Maerz"], language[lang]["April"], language[lang]["Mai"], language[lang]["Juni"], language[lang]["Juli"], language[lang]["August"], language[lang]["September"], language[lang]["Oktober"], language[lang]["November"], language[lang]["Dezember"],
                    language[lang]["Januar"], language[lang]["Februar"], language[lang]["Maerz"], language[lang]["April"], language[lang]["Mai"], language[lang]["Juni"], language[lang]["Juli"], language[lang]["August"], language[lang]["September"], language[lang]["Oktober"], language[lang]["November"], language[lang]["Dezember"], ""],
                datasets: [{
                    label: language[lang]["gesamt"],
                    data: [],
                    fill: "false",
                    backgroundColor: "rgba(0, 100, 168, 1)",
                    borderColor: [
                        "rgba(0, 100, 168, 1)"
                    ],
                    borderWidth: 2,
                    pointRadius: 7.5,
                    pointHoverRadius: 8,
                    pointHoverBorderColor: "rgba(0, 100, 168, 1)",
                    lineTension: 0
                }]
            },
            options: {
                legendCallback: function(chart) {
                    var text = [];
                    for (var i=0; i<chart.data.datasets.length; i++) {

                        text.push('<button id="'+ i +'" value="true" style="background-color:' + chart.data.datasets[i].borderColor + '; border: 2px solid; border-color:' + chart.data.datasets[i].borderColor + '; color: white; height: 30px; margin: 5px; margin-right:-1px; padding-right:0px; text-transform: uppercase"> ' +chart.data.datasets[i].label+ '</button>');
                    }
                    // text.push('<form style="float: right"id="filter"><select style="margin: 5px; height: 30px; text-transform: uppercase" id="eigenschaft" size="1" onChange="filterChanged()"><option value="neuzulassungen" selected="selected">Neuzulassungen</option><option value="bestand">Bestand</option></select>');
                    text.push('<select style="margin: 5px; height: 30px; text-transform: uppercase" id="fahrzeugtyp" size="1" onChange="filterChanged()"><option value="pkw" selected="selected">')
                    text.push(language[lang]["pkw"]);
                    text.push('</option><option value="nfz">');
                    text.push(language[lang]["nfz"]);
                    text.push('</option></select></form>');
                    return text.join("");

                },
                spanGaps: true,
                tooltips: {
                    enabled: false,

                    custom:  function tooltip(tooltipModel){
                        // Tooltip Element
                        var tooltipEl = document.getElementById('chartjs-tooltip');

                        // Create element on first render
                        if (!tooltipEl) {
                            tooltipEl = document.createElement('div');
                            arrow = document.createElement('div');
                            arrow2 = document.createElement('div');

                            arrow.style.width = 0;
                            arrow.style.height = 0;
                            arrow.style.borderLeft= "10px solid transparent";
                            arrow.style.borderRight= "10px solid transparent";
                            arrow.style.borderTop= "12px solid white";

                            arrow2.style.width = 0;
                            arrow2.style.height = 0;
                            arrow2.style.borderLeft= "12px solid transparent";
                            arrow2.style.borderRight= "12px solid transparent";
                            arrow2.style.borderTop= "14px solid grey";

                            tooltipEl.id = 'chartjs-tooltip';
                            tooltipEl.innerHTML = '<table></table>';
                            tooltipEl.classList.add("tooltip");
                            document.body.appendChild(arrow2);
                            document.body.appendChild(arrow);
                            document.body.appendChild(tooltipEl);
                        }

                        // Hide if no tooltip
                        if (tooltipModel.opacity === 0) {
                            tooltipEl.style.opacity = 0;
                            arrow.style.opacity = 0;
                            arrow2.style.opacity = 0;
                            return;
                        }
                        function getBody(bodyItem) {
                            return bodyItem.lines;
                        }

                        // Set Text
                        selectmenuF = document.getElementById("fahrzeugtyp");
                        chosenoptionF = selectmenuF.options[selectmenuF.selectedIndex];

                        var legend1 = myChart.data.labels[0];
                        var legend2 = Number(myChart.data.labels[0])+1;
                        var legend3 = Number(myChart.data.labels[0])+2;
                        var tooltipYear = {
                            1 : legend1, 2 : legend1, 3 : legend1, 4 : legend1, 5 : legend1, 6 : legend1, 7 : legend1, 8 : legend1, 9: legend1, 10 : legend1, 11 : legend1, 12 : legend1,
                            13 : legend2, 14 : legend2, 15 : legend2, 16 : legend2, 17 : legend2, 18 : legend2, 19 : legend2, 20 : legend2, 21 : legend2, 22 : legend2, 23 : legend2, 24 : legend2,
                            25 : legend3, 26 : legend3, 27 : legend3, 28 : legend3, 29 : legend3, 30 : legend3, 31 : legend3, 32 : legend3, 33 : legend3, 34 : legend3, 35 : legend3, 36 : legend3};


                        if (tooltipModel.body) {
                            var bodyLines = tooltipModel.title || [];
                            var titleLines = tooltipModel.body.map(getBody);

                            var innerHtml = '<thead>';

                            titleLines.forEach(function(title) {
                                var t = title[0].split(':');
                                if (t[0]==="GESAMT" || t[0] === "TOTAL"){
                                    innerHtml += '<tr><th style="font-size: 18px; float: left; color: rgb(0, 100, 168)">' + parseInt(t[1]).toLocaleString(); +'</th></tr>';
                                } else {
                                    innerHtml += '<tr><th style="font-size: 18px; float: left; color: rgb(10, 165, 191)">' + parseInt(t[1]).toLocaleString(); +'</th></tr>';
                                }

                                if(chosenoptionF.value === "pkw"){
                                    innerHtml += '<tr><td>';
                                    innerHtml += language[lang]["text_pkw"];
                                    innerHtml += '</td></tr>';
                                }
                                if(chosenoptionF.value === "nfz"){
                                    innerHtml += '<tr><td>';
                                    innerHtml += language[lang]["text_nfz"]
                                    innerHtml += '</td></tr>';
                                }
                            });
                            innerHtml += '</thead><tbody>';

                            bodyLines.forEach(function(body, i) {
                                var colors = tooltipModel.labelColors[i];
                                var style = 'background-color: white';
                                style += '; border-color: white';
                                style += '; border-width: 2px';
                                var span = '<span style="' + style + '"> </span>';
                                innerHtml += '<tr><td style="padding-top: 15px">' + span + body + span + tooltipYear[tooltipModel.dataPoints[0].index] +' </td></tr>';
                            });
                            innerHtml += '</tbody>';

                            var tableRoot = tooltipEl.querySelector('table');
                            tableRoot.innerHTML = innerHtml;
                        }

                        // `this` will be the overall tooltip
                        var position = this._chart.canvas.getBoundingClientRect();

                        // Display, position, and set styles for font

                        tooltipEl.style.opacity = 1;
                        tooltipEl.style.position = 'absolute';
                        tooltipEl.style.left = position.left + window.pageXOffset + tooltipModel.caretX + 'px';
                        tooltipEl.style.top = position.top + window.pageYOffset + tooltipModel.caretY - 108 + 'px';
                        tooltipEl.style.fontFamily = tooltipModel._bodyFontFamily;
                        tooltipEl.style.fontSize = tooltipModel.bodyFontSize + 'px';
                        tooltipEl.style.fontStyle = tooltipModel._bodyFontStyle;
                        tooltipEl.style.padding = tooltipModel.yPadding + 'px ' + tooltipModel.xPadding + 'px';
                        tooltipEl.style.pointerEvents = 'none';

                        arrow.style.opacity = 1;
                        arrow.style.zIndex = 1050;
                        arrow.style.position = 'absolute';
                        arrow.style.left = position.left + window.pageXOffset + tooltipModel.caretX - 10 + 'px';
                        arrow.style.top = position.top + window.pageYOffset + tooltipModel.caretY - 16 +  'px';
                        arrow.style.pointerEvents = 'none';

                        arrow2.style.opacity = 1;
                        arrow2.style.zIndex = 1040;
                        arrow2.style.position = 'absolute';
                        arrow2.style.left = position.left + window.pageXOffset + tooltipModel.caretX - 12 + 'px';
                        arrow2.style.top = position.top + window.pageYOffset + tooltipModel.caretY - 16 +  'px';
                        arrow2.style.pointerEvents = 'none';
                    }
                },
                legend: {
                    display: false,
                },
                scales: {
                    xAxes: [{
                        gridLines: {
                            lineWidth: 0.3,
                            color: ["grey", "white", "white", "white", "white", "white", "white", "white", "white", "white", "white", "white", "white", "grey",  "white", "white", "white", "white", "white", "white", "white", "white", "white", "white", "white", "grey",  "white", "white", "white", "white", "white", "white", "white", "white", "white", "white", "white", "white", "grey"],
                            drawOnChartArea: true,
                            drawTicks: true,
                            offsetGridLines: true,
                        },
                        ticks: {
                            display: false, //false macht markierung weg
                        }
                    }],
                    yAxes: [{
                        scaleLabel: {
                            display: true,
                        },
                        gridLines:{
                            drawTicks: false,
                            tickMarkLength: 20
                        },
                        ticks: {
                            beginAtZero: false,
                            callback: function(label, index, labels) {
                                return label/1000+"k";
                            },
                            stepSize: 50000,
                            padding: 30
                        }
                    }]
                },
                layout: {
                    padding: {
                        left: -28,
                        right: 0,
                        top: 0,
                        bottom: 0
                    }
                }
            }
        });


        document.getElementById('chart_legends').innerHTML = myChart.generateLegend();

        document.getElementById('spalte1').innerText = myChart.data.labels[0];
        document.getElementById('spalte2').innerText = Number(myChart.data.labels[0])+1;
        document.getElementById('spalte3').innerText = Number(myChart.data.labels[0])+2;



        /***** Wechsel zwischen Marken *****/
        var selectmenuF = document.getElementById("fahrzeugtyp");
        var chosenoptionF = selectmenuF.options[selectmenuF.selectedIndex];

        showYears(actualYear-2);

    }

    function changeYears(direction){

        var year = Number(myChart.data.labels[0]);
        var newYear;


        if (direction === "back") {

            if (year === 2016) {
                myChart.data.labels[0] = year-1;
                newYear = year-1;
                document.getElementById('back').style.display = "none";
                document.getElementById('back_placholder').style.display = "block";

            } else {
                myChart.data.labels[0] = year-1;
                newYear = year-1;
                document.getElementById('back').style.display = "block";
                document.getElementById('back_placholder').style.display = "none";
            }
            document.getElementById('forward').style.display = "block";
            document.getElementById('forward_placeholder').style.display = "none";
        }

        if (direction === "forward") {

            if (year === actualYear-3) {
                myChart.data.labels[0] = year+1;
                newYear = year+1;
                document.getElementById('forward').style.display = "none";
                document.getElementById('forward_placeholder').style.display = "block";

            } else {
                myChart.data.labels[0] = year+1;
                newYear = year+1;
                document.getElementById('forward').style.display = "block";
                document.getElementById('forward_placeholder').style.display = "none";
            }
            document.getElementById('back').style.display = "block";
            document.getElementById('back_placholder').display = "none";
        }
        showYears(newYear);
    }


    function showYears(year){
        //gesamt
        myChart.data.datasets[0].data = [null];
        dataG[year].forEach(data => {
            myChart.data.datasets[0].data.push(data);

        });
        dataG[year+1].forEach(data => {
            myChart.data.datasets[0].data.push(data);
        });
        dataG[year+2].forEach(data => {
            myChart.data.datasets[0].data.push(data);
        });


        document.getElementById('spalte1').innerText = myChart.data.labels[0];
        document.getElementById('spalte2').innerText = Number(myChart.data.labels[0])+1;
        document.getElementById('spalte3').innerText = Number(myChart.data.labels[0])+2;
        myChart.update();
    }



    function filterChanged(){

        var selectmenuF = document.getElementById("fahrzeugtyp");
        var chosenoptionF = selectmenuF.options[selectmenuF.selectedIndex];

        var year = parseInt(document.getElementById('spalte1').innerText);

        if (chosenoptionF.value === "pkw"){
            newData("marktdaten_pkw_neuzulassungen")
                .then(() =>{
                    myChart.options.scales.yAxes[0].ticks.stepSize = 50000;
                    showYears(year);
                });
        }

        if (chosenoptionF.value === "nfz"){
            newData("marktdaten_nfz_neuzulassungen")
                .then(() =>{
                    myChart.options.scales.yAxes[0].ticks.stepSize = 10000;
                    showYears(year);
                });
        }
    }



    /***** mobile Ansicht *****/
    function mobile_chart(){

        var ctx = document.getElementById("mobileChart");

        var actualYear = new Date().getFullYear();
        var c_mobile = document.getElementById("line_mobile");
        var ctx_mobile = c_mobile.getContext("2d");
        ctx_mobile.beginPath();
        ctx_mobile.moveTo(0.5, 0);
        ctx_mobile.lineTo(0.5, 215);
        ctx_mobile.stroke();
        mobileChart = new Chart(ctx, {
            type: "line",
            data: {
                labels: [actualYear, language[lang]["Januar"], language[lang]["Februar"], language[lang]["Maerz"], language[lang]["April"], language[lang]["Mai"], language[lang]["Juni"], language[lang]["Juli"], language[lang]["August"], language[lang]["September"], language[lang]["Oktober"], language[lang]["November"], language[lang]["Dezember"], ""],
                datasets: [{
                    label: language[lang]["gesamt"],
                    data: [],
                    fill: "false",
                    backgroundColor: "rgba(0, 100, 168, 1)",
                    borderColor: [
                        "rgba(0, 100, 168, 1)"
                    ],
                    borderWidth: 2,
                    pointRadius: 4.5,
                    pointHoverRadius: 6,
                    pointHoverBorderColor: "rgba(0, 100, 168, 1)",
                    lineTension: 0
                }]
            },
            options: {
                legendCallback: function(chart_mobile) {
                    var text_mobile = [];
                    text_mobile.push('<span style="float: left">');
                    for (var i=0; i<chart_mobile.data.datasets.length; i++) {

                        text_mobile.push('<button id="mobile'+ i +'" value="true" style="background-color:' + chart_mobile.data.datasets[i].borderColor + '; border: 2px solid; border-color:' + chart_mobile.data.datasets[i].borderColor + '; color: white; height: 30px; margin: 5px; margin-right:-1px; padding-right:0px; text-transform: uppercase"> ' +chart_mobile.data.datasets[i].label+ '</button>');
                    }
                    text_mobile.push('</span>');
//            text_mobile.push('<form id="filter_mobile"><select style="margin: 5px; height: 30px; text-transform: uppercase" id="eigenschaft_mobile" size="1" onChange="filterChanged_mobile()"><option value="neuzulassungen" selected="selected">Neuzulassungen</option><option value="bestand">Bestand</option></select>');
                    text_mobile.push('<select style="margin: 5px; height: 30px; text-transform: uppercase" id="fahrzeugtyp_mobile" size="1" onChange="filterChanged_mobile()"><option value="pkw" selected="selected">')
                    text_mobile.push(language[lang]["pkw"]);
                    text_mobile.push('</option><option value="nfz">');
                    text_mobile.push(language[lang]["nfz"]);
                    text_mobile.push('</option></select></form>');
                    return text_mobile.join("");
                },
                spanGaps: true,
                tooltips: {
                    enabled: false,

                    custom:  function tooltip(tooltipModel){
                        // Tooltip Element
                        var tooltipEl_mobile = document.getElementById('mobile-tooltip');

                        // Create element on first render
                        if (!tooltipEl_mobile) {
                            tooltipEl_mobile = document.createElement('div');
                            arrow_mobile = document.createElement('div');
                            arrow2_mobile = document.createElement('div');

                            arrow_mobile.style.width = 0;
                            arrow_mobile.style.height = 0;
                            arrow_mobile.style.borderLeft= "10px solid transparent";
                            arrow_mobile.style.borderRight= "10px solid transparent";
                            arrow_mobile.style.borderTop= "12px solid white";

                            arrow2_mobile.style.width = 0;
                            arrow2_mobile.style.height = 0;
                            arrow2_mobile.style.borderLeft= "12px solid transparent";
                            arrow2_mobile.style.borderRight= "12px solid transparent";
                            arrow2_mobile.style.borderTop= "14px solid grey";

                            tooltipEl_mobile.id = 'mobile-tooltip';
                            tooltipEl_mobile.innerHTML = '<table></table>';
                            tooltipEl_mobile.classList.add("tooltip");
                            document.body.appendChild(arrow2_mobile);
                            document.body.appendChild(arrow_mobile);
                            document.body.appendChild(tooltipEl_mobile);
                        }

                        // Hide if no tooltip
                        if (tooltipModel.opacity === 0) {
                            tooltipEl_mobile.style.opacity = 0;
                            arrow_mobile.style.opacity = 0;
                            arrow2_mobile.style.opacity = 0;
                            return;
                        }

                        // Set caret Position
                        tooltipEl_mobile.classList.add('above');
                        // if (tooltipModel.yAlign) {
                        //     tooltipEl_mobile.classList.add(tooltipModel.yAlign);
                        // } else {
                        //     tooltipEl_mobile.classList.add('no-transform');
                        // }

                        function getBody(bodyItem_mobile) {
                            return bodyItem_mobile.lines;
                        }

                        // Set Text
                        var selectmenuF_mobile = document.getElementById("fahrzeugtyp_mobile");
                        var chosenoptionF_mobile = selectmenuF_mobile.options[selectmenuF_mobile.selectedIndex];

                        var legend_mobile = mobileChart.data.labels[0]

                        if (tooltipModel.body) {
                            var bodyLines_mobile = tooltipModel.title || [];
                            var titleLines_mobile = tooltipModel.body.map(getBody);

                            var innerHtml_mobile = '<thead>';

                            titleLines_mobile.forEach(function(title) {
                                var t_mobile = title[0].split(':');
                                if (t_mobile[0]==="GESAMT" || t_mobile[0]==="TOTAL"){
                                    innerHtml_mobile += '<tr><th style="font-size: 18px; float: left; color: rgb(0, 100, 168)">' + parseInt(t_mobile[1]).toLocaleString();  +'</th></tr>';
                                } else {
                                    innerHtml_mobile += '<tr><th style="font-size: 18px; float: left; color: rgb(10, 165, 191)">' + parseInt(t_mobile[1]).toLocaleString(); +'</th></tr>';
                                }


                                if(chosenoptionF_mobile.value === "pkw"){
                                    innerHtml_mobile += '<tr><td>';
                                    innerHtml_mobile += language[lang]["text_pkw"];
                                    innerHtml_mobile += '</td></tr>';
                                }
                                if(chosenoptionF_mobile.value === "nfz"){
                                    innerHtml_mobile += '<tr><td>';
                                    innerHtml_mobile += language[lang]["text_nfz"];
                                    innerHtml_mobile += '</td></tr>';
                                }
                            });
                            innerHtml_mobile += '</thead><tbody>';

                            bodyLines_mobile.forEach(function(body, i) {
                                var colors_mobile = tooltipModel.labelColors[i];
                                var style_mobile = 'background-color: white';
                                style_mobile += '; border-color: white';
                                style_mobile += '; border-width: 2px';
                                var span_mobile = '<span style="' + style_mobile + '"> </span>';
                                innerHtml_mobile += '<tr><td style="padding-top: 15px">' + span_mobile + body + span_mobile + actualYear + '</td></tr>';
                            });
                            innerHtml_mobile += '</tbody>';

                            var tableRoot_mobile = tooltipEl_mobile.querySelector('table');
                            tableRoot_mobile.innerHTML = innerHtml_mobile;
                        }

                        // `this` will be the overall tooltip
                        var position_mobile = this._chart.canvas.getBoundingClientRect();

                        // Display, position, and set styles for font

                        tooltipEl_mobile.style.opacity = 1;
                        tooltipEl_mobile.style.position = 'absolute';
                        tooltipEl_mobile.style.left = position_mobile.left + window.pageXOffset + tooltipModel.caretX + 'px';
                        tooltipEl_mobile.style.top = position_mobile.top + window.pageYOffset + tooltipModel.caretY - 108  +'px';
                        tooltipEl_mobile.style.fontFamily = tooltipModel._bodyFontFamily;
                        tooltipEl_mobile.style.fontSize = tooltipModel.bodyFontSize + 'px';
                        tooltipEl_mobile.style.fontStyle = tooltipModel._bodyFontStyle;
                        tooltipEl_mobile.style.padding = tooltipModel.yPadding + 'px ' + tooltipModel.xPadding + 'px';
                        tooltipEl_mobile.style.pointerEvents = 'none';


                        arrow_mobile.style.opacity = 1;
                        arrow_mobile.style.zIndex = 1050;
                        arrow_mobile.style.position = 'absolute';
                        arrow_mobile.style.left = position_mobile.left + window.pageXOffset + tooltipModel.caretX -10 + 'px';
                        arrow_mobile.style.top = position_mobile.top + window.pageYOffset + tooltipModel.caretY -16 +  'px';
                        arrow_mobile.style.pointerEvents = 'none';

                        arrow2_mobile.style.opacity = 1;
                        arrow2_mobile.style.zIndex = 1040;
                        arrow2_mobile.style.position = 'absolute';
                        arrow2_mobile.style.left = position_mobile.left + window.pageXOffset + tooltipModel.caretX -12 + 'px';
                        arrow2_mobile.style.top = position_mobile.top + window.pageYOffset + tooltipModel.caretY - 16 +  'px';
                        arrow2_mobile.style.pointerEvents = 'none';
                    }
                },
                legend: {
                    display: false,
                },
                scales: {
                    xAxes: [{
                        gridLines: {
                            lineWidth: 0.3,
                            color: ["grey", "white", "white", "white", "white", "white", "white", "white", "white", "white", "white", "white", "white", "white"],
                            drawOnChartArea: true,
                            drawTicks: true,
                            offsetGridLines: true,
                        },
                        ticks: {
                            display: false, //false macht markierung weg
                        }
                    }],
                    yAxes: [{
                        scaleLabel: {
                            display: true,
                        },
                        gridLines:{
                            drawTicks: false,
                            tickMarkLength: 20
                        },
                        ticks: {
                            beginAtZero: false,
                            callback: function(label, index, labels) {
                                return label/1000+"k";
                            },
                            stepSize: 50000,
                            padding: 10,

                        }
                    }]
                },
                layout: {
                    padding: {
                        left: -28,
                        right: 0,
                        top: 0,
                        bottom: 0
                    }
                }
            }
        });


        document.getElementById('legends_mobile').innerHTML = mobileChart.generateLegend();

        document.getElementById('spalte1_mobile').innerText = mobileChart.data.labels[0];


        /***** Wechsel zwischen Marken *****/
        selectmenuF_mobile = document.getElementById("fahrzeugtyp_mobile");
        chosenoptionF_mobile = selectmenuF_mobile.options[selectmenuF_mobile.selectedIndex];

        showYears_mobile(actualYear)
    }

    function changeYears_mobile(direction){

        var year = Number(mobileChart.data.labels[0]);
        var newYear;

        if (direction === "back") {

            mobileChart.data.labels[0] = year-1;
            newYear = year-1;

            if (year === 2016) {
                document.getElementById('back_mobile').style.display = "none";
                document.getElementById('back_mobile_placeholder').style.display = "block";

            } else {
                document.getElementById('back_mobile').style.display = "block";
                document.getElementById('back_mobile_placeholder').style.display = "none";
            }
            document.getElementById('forward_mobile').style.display = "block";
            document.getElementById('forward_mobile_placeholder').style.display = "none";
        }

        if (direction === "forward") {

            mobileChart.data.labels[0] = year+1;
            newYear = year+1;

            if (year === actualYear-1){
                document.getElementById('forward_mobile_placeholder').style.display = "block";
                document.getElementById('forward_mobile').style.display = "none";
            } else {
                document.getElementById('forward_mobile').style.display = "block";
                document.getElementById('forward_mobile_placeholder').style.display = "none";
            }
            document.getElementById('back_mobile').style.display = "block";
            document.getElementById('back_mobile_placeholder').style.display = "none";
        }

        showYears_mobile(newYear);
    }

    function showYears_mobile(year){

        mobileChart.data.datasets[0].data = [null];

        dataG[year].forEach(data => {
            mobileChart.data.datasets[0].data.push(data);
        });

        mobileChart.update();
        document.getElementById('spalte1_mobile').innerText = year;

    }



    function filterChanged_mobile(){
        var year = Number(mobileChart.data.labels[0]);

        var selectmenuF_mobile = document.getElementById("fahrzeugtyp_mobile");
        var chosenoptionF_mobile = selectmenuF_mobile.options[selectmenuF_mobile.selectedIndex];

        var year_mobile = document.getElementById('spalte1').innerText;

        if (chosenoptionF_mobile.value === "pkw"){
            newData("marktdaten_pkw_neuzulassungen")
                .then(() =>{
                    mobileChart.options.scales.yAxes[0].ticks.stepSize = 50000;
                    showYears_mobile(year);
                });
        }

        if (chosenoptionF_mobile.value === "nfz"){
            newData("marktdaten_nfz_neuzulassungen")
                .then(() =>{
                    mobileChart.options.scales.yAxes[0].ticks.stepSize = 10000;
                    showYears_mobile(year);
                });
        }
    }

</script><style>

#line {
    position:absolute; 
    top:49px; 
    left: 100%; 
    border: 0.5px solid grey; 
    opacity: 0.2;
    height: 79%
}

#line_mobile {
    position:absolute; 
    top:70px; 
    left: 100%; 
    border: 0.5px solid grey; 
    opacity: 0.2;
    height: 77.5%;

}

#normal, #mobile {
        font-family: inherit !important;
        font-weight: 400;
        }
        
        #chartBox {
        width: 1100px;
        }
		canvas{
			-moz-user-select: none;
			-webkit-user-select: none;
			-ms-user-select: none;
		}
		#chartjs-tooltip, #mobile-tooltip{
		    font-family: inherit !important;
			opacity: 1;
			position: absolute;
			background: white;
			color: black;
			border: 1px solid rgb(179, 179, 179);
			border-radius: 3px;
			-webkit-transition: all .1s ease;
			transition: all .1s ease;
			pointer-events: none;
			-webkit-transform: translate(-50%, 0);
			transform: translate(-50%, 0);
			min-width: 140px !important;
			
		}
		
		
		.chartjs-tooltip-key {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin-right: 10px;
		}
		
		select, button{
		font-family: Oswald;
		font-size: 14px;
		font-weight: 600;
		}
		
		select {
		margin-right: 0px !important;
		margin-bottom: 8px !important;
		padding: 1px 6px;
		}

		select#fahrzeugtyp {
			margin-top: 4.5px!important;
			height: 29.5px!important;
		}

		select#fahrzeugtyp, select#fahrzeugtyp_mobile {
			background-color: rgba(0, 100, 168, 1);
			border: 2px solid;
			border-color: rgba(0, 100, 168, 1);
			color: white;
			margin-left: -1px!important;
			padding-left: 0px!important;
		}

		@media only screen and (max-width: 768px) {
		    #mobile {
		    display: block !important;
		    }
		
		    #normal {
		    display: none;
		    }
		}
		
		@media only screen and (max-width: 1024px) {
		    #line {
		    height: 74.9% !important;
		    }
		}
		
	    @media only screen and (max-width: 426px) {
		    #line_mobile {
		    height: 54.4% !important;
		    top: 95px !important
		    }
		    button {
		    margin: 2.5px !important;
		    }
		}
		
	    @media only screen and (max-width: 376px) {
		    #line_mobile {
		    height: 51.4% !important;
		    top: 94px !important
		    }
		}	
		
	    @media only screen and (max-width: 321px) {
		    #line_mobile {
		    height: 47% !important;
		    top: 92px !important
		    }
		}

</style>{"id":2791,"date":"2019-02-27T10:48:56","date_gmt":"2019-02-27T09:48:56","guid":{"rendered":"https:\/\/www.vdik.de\/homepage\/"},"modified":"2025-06-02T15:17:40","modified_gmt":"2025-06-02T13:17:40","slug":"homepage","status":"publish","type":"page","link":"https:\/\/www.vdik.de\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:50px;--awb-padding-bottom:50px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-stretch fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"news-grid\">\r\n<a class=\"news-item news-item-img-txt var-1\" href=\"https:\/\/www.vdik.de\/en\/2026\/international-manufacturers-continue-to-grow-positive-trend-in-bevs\/\">\r\n    <div class=\"news-item-image\">\r\n        <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27639%27%20height%3D%27359%27%20viewBox%3D%270%200%20639%20359%27%3E%3Crect%20width%3D%27639%27%20height%3D%27359%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.vdik.de\/wp-content\/uploads\/2019\/10\/autos-3631086_640-16-9-e1601892921301.jpg\" alt=\"International manufacturers continue to grow \u2013  Positive trend in BEVs\">\r\n    <\/div>\r\n    <div class=\"news-item-content\">\r\n                    <p class=\"news-cat\">Press release<\/p>\r\n                <h3 class=\"news-title\">International manufacturers continue to grow \u2013  Positive trend in BEVs<\/h3>\r\n        <p class=\"news-excerpt\"><\/p>\r\n        <div class=\"news-spacer\"><\/div>\r\n        <div class=\"news-arrow-wrapper\">\r\n            <div class=\"news-arrow\">\r\n                <i class=\"news-icon-one fa-chevron-right fas\" data-name=\"chevron-right\" aria-hidden=\"true\"><\/i>\r\n                <i class=\"news-icon-two fa-chevron-right fas\" data-name=\"chevron-right\" aria-hidden=\"true\"><\/i>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/a>\r\n<a class=\"news-item news-item-img-txt var-2\" href=\"https:\/\/www.vdik.de\/en\/2026\/the-effectiveness-of-the-2026-climate-action-plan-depends-on-swift-implementation\/\">\r\n    <div class=\"news-item-image\">\r\n        <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27800%27%20height%3D%27450%27%20viewBox%3D%270%200%20800%20450%27%3E%3Crect%20width%3D%27800%27%20height%3D%27450%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.vdik.de\/wp-content\/uploads\/2026\/03\/Ladesaeule-_AdobeStock_330866632_Int.jpg\" alt=\"The effectiveness of the 2026 Climate Action Plan depends on swift implementation\">\r\n    <\/div>\r\n    <div class=\"news-item-content\">\r\n                    <p class=\"news-cat\">Press release<\/p>\r\n                <h3 class=\"news-title\">The effectiveness of the 2026 Climate Action Plan depends on swift implementation<\/h3>\r\n        <p class=\"news-excerpt\"><\/p>\r\n        <div class=\"news-spacer\"><\/div>\r\n        <div class=\"news-arrow-wrapper\">\r\n            <div class=\"news-arrow\">\r\n                <i class=\"news-icon-one fa-chevron-right fas\" data-name=\"chevron-right\" aria-hidden=\"true\"><\/i>\r\n                <i class=\"news-icon-two fa-chevron-right fas\" data-name=\"chevron-right\" aria-hidden=\"true\"><\/i>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/a>\r\n<a class=\"news-item news-item-img-txt var-3\" href=\"https:\/\/www.vdik.de\/en\/2026\/opportunities-in-accident-claims-management-a-digital-claims-ecosystem\/\">\r\n    <div class=\"news-item-image\">\r\n        <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271920%27%20height%3D%271440%27%20viewBox%3D%270%200%201920%201440%27%3E%3Crect%20width%3D%271920%27%20height%3D%271440%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.vdik.de\/wp-content\/uploads\/2026\/03\/Fachdialog-Schadenmanagement-240326.jpg\" alt=\"Opportunities in Accident Claims Management: A Digital Claims Ecosystem\">\r\n    <\/div>\r\n    <div class=\"news-item-content\">\r\n                    <p class=\"news-cat\">Press release<\/p>\r\n                <h3 class=\"news-title\">Opportunities in Accident Claims Management: A Digital Claims Ecosystem<\/h3>\r\n        <p class=\"news-excerpt\"><\/p>\r\n        <div class=\"news-spacer\"><\/div>\r\n        <div class=\"news-arrow-wrapper\">\r\n            <div class=\"news-arrow\">\r\n                <i class=\"news-icon-one fa-chevron-right fas\" data-name=\"chevron-right\" aria-hidden=\"true\"><\/i>\r\n                <i class=\"news-icon-two fa-chevron-right fas\" data-name=\"chevron-right\" aria-hidden=\"true\"><\/i>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/a>\r\n<a class=\"news-item news-item-img-txt var-4\" href=\"https:\/\/www.vdik.de\/en\/2026\/14814\/\">\r\n    <div class=\"news-item-image\">\r\n        <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%274000%27%20height%3D%272670%27%20viewBox%3D%270%200%204000%202670%27%3E%3Crect%20width%3D%274000%27%20height%3D%272670%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.vdik.de\/wp-content\/uploads\/2026\/03\/AdobeStock_459495501-scaled.jpeg\" alt=\"Attractive electric cars from international manufacturers &#8211; Waiting for the subsidy program to be implemented\">\r\n    <\/div>\r\n    <div class=\"news-item-content\">\r\n                    <p class=\"news-cat\">News<\/p>\r\n                <h3 class=\"news-title\">Attractive electric cars from international manufacturers &#8211; Waiting for the subsidy program to be implemented<\/h3>\r\n        <p class=\"news-excerpt\"><\/p>\r\n        <div class=\"news-spacer\"><\/div>\r\n        <div class=\"news-arrow-wrapper\">\r\n            <div class=\"news-arrow\">\r\n                <i class=\"news-icon-one fa-chevron-right fas\" data-name=\"chevron-right\" aria-hidden=\"true\"><\/i>\r\n                <i class=\"news-icon-two fa-chevron-right fas\" data-name=\"chevron-right\" aria-hidden=\"true\"><\/i>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/a>\r\n<a class=\"news-item news-item-img-txt var-1\" href=\"https:\/\/www.vdik.de\/en\/2026\/vdik-opens-new-office-at-berlins-gendarmenmarkt\/\">\r\n    <div class=\"news-item-image\">\r\n        <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%274000%27%20height%3D%272667%27%20viewBox%3D%270%200%204000%202667%27%3E%3Crect%20width%3D%274000%27%20height%3D%272667%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.vdik.de\/wp-content\/uploads\/2026\/03\/VDIK-Bueroeroeffnung-03.03.2026-ONE2SEVEN_30-scaled.jpg\" alt=\"VDIK opens new office at Berlin&#8217;s Gendarmenmarkt\">\r\n    <\/div>\r\n    <div class=\"news-item-content\">\r\n                    <p class=\"news-cat\">Press release<\/p>\r\n                <h3 class=\"news-title\">VDIK opens new office at Berlin&#8217;s Gendarmenmarkt<\/h3>\r\n        <p class=\"news-excerpt\"><\/p>\r\n        <div class=\"news-spacer\"><\/div>\r\n        <div class=\"news-arrow-wrapper\">\r\n            <div class=\"news-arrow\">\r\n                <i class=\"news-icon-one fa-chevron-right fas\" data-name=\"chevron-right\" aria-hidden=\"true\"><\/i>\r\n                <i class=\"news-icon-two fa-chevron-right fas\" data-name=\"chevron-right\" aria-hidden=\"true\"><\/i>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/a>\r\n<a class=\"news-item news-item-img-txt var-2\" href=\"https:\/\/www.vdik.de\/en\/2026\/iaa-bureaucratic-monster-instead-of-location-booster-current-e-funding-program-not-affected\/\">\r\n    <div class=\"news-item-image\">\r\n        <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%273500%27%20height%3D%272333%27%20viewBox%3D%270%200%203500%202333%27%3E%3Crect%20width%3D%273500%27%20height%3D%272333%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.vdik.de\/wp-content\/uploads\/2026\/03\/Europaeische-Kommission.jpeg\" alt=\"IAA: Bureaucratic monster instead of location booster \u2013 Current e-funding program not affected\">\r\n    <\/div>\r\n    <div class=\"news-item-content\">\r\n                    <p class=\"news-cat\">Press release<\/p>\r\n                <h3 class=\"news-title\">IAA: Bureaucratic monster instead of location booster \u2013 Current e-funding program not affected<\/h3>\r\n        <p class=\"news-excerpt\"><\/p>\r\n        <div class=\"news-spacer\"><\/div>\r\n        <div class=\"news-arrow-wrapper\">\r\n            <div class=\"news-arrow\">\r\n                <i class=\"news-icon-one fa-chevron-right fas\" data-name=\"chevron-right\" aria-hidden=\"true\"><\/i>\r\n                <i class=\"news-icon-two fa-chevron-right fas\" data-name=\"chevron-right\" aria-hidden=\"true\"><\/i>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/a><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:30px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_3 1_3 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:33.333333333333%;--awb-margin-top-large:0px;--awb-spacing-right-large:5.76%;--awb-margin-bottom-large:30px;--awb-spacing-left-large:5.76%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_2_3 2_3 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:66.666666666667%;--awb-margin-top-large:0px;--awb-spacing-right-large:2.88%;--awb-margin-bottom-large:30px;--awb-spacing-left-large:2.88%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:100px;--awb-padding-bottom:100px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:30px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-1 fusion-sep-none fusion-title-text fusion-title-size-four\" style=\"--awb-margin-top-small:0px;--awb-margin-right-small:0px;--awb-margin-bottom-small:20px;--awb-margin-left-small:0px;\"><h4 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:20;--minFontSize:20;line-height:1.3;\">Market data<\/h4><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:30px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-1\">\r\n<script src=\"\/wp-content\/plugins\/vdik-marktdaten\/chartJS\/Chart.bundle.min.js\"><\/script>\r\n<section id=\"normal\">\r\n<div id=\"chart_legends\" style=\"float: right\"><\/div>\r\n<canvas id=\"myChart\" width=\"400\" height=\"130\"><\/canvas>\r\n<div style=\"margin-top: 20px; width: 100%; padding-left: 5%\">\r\n    <span><button id=\"forward\" style=\"border: none; display: none; background-color: transparent; float:right; z-index: 1;\" onclick=\"changeYears('forward')\"><img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/wp-content\/plugins\/vdik-marktdaten\/image\/icon_arrow_right.png\"><\/button><\/span>\r\n\t<span><button id=\"forward_placeholder\" style=\"border: none; display: block; opacity: 0; background-color: transparent; float:right\"><img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/wp-content\/plugins\/vdik-marktdaten\/image\/icon_arrow_right.png\"><\/button><\/span>\r\n    <span><button id=\"back\" style=\"border: none; background-color: transparent; position: absolute; left: 4%; z-index:1;\" onclick=\"changeYears('back')\"><img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/wp-content\/plugins\/vdik-marktdaten\/image\/icon_arrow_left.png\"><\/button><\/span>\r\n\t<span><button id=\"back_placholder\" style=\"border: none; background-color: transparent; float:left; display:none; opacity: 0\"><img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/wp-content\/plugins\/vdik-marktdaten\/image\/icon_arrow_left.png\"><\/button><\/span>\r\n    <span id=\"spalte1\" style=\"padding: 0 14%; text-align: center; position: absolute; left:5%;\"><\/span>\r\n    <span id=\"spalte2\" style=\"padding: 0 14%; text-align: center; position: absolute; left:36%;\"><\/span>\r\n    <span id=\"spalte3\" style=\"padding: 0 14%; text-align: center; position: absolute; left:68%; z-index: -1;\"><\/span>   \r\n<\/div>\r\n<canvas id=\"line\" width=\"0.5\">\r\n<\/section>\r\n\r\n<section id=\"mobile\" style=\"display: none\">\r\n<div id=\"legends_mobile\" style=\"padding-bottom: 3%\"><\/div>\r\n<canvas id=\"mobileChart\" height=\"180\"><\/canvas>\r\n<div style=\"margin-top: 20px; width: 100%; padding-left: 5%\">\r\n    <span><button id=\"forward_mobile\" style=\"border: none; display: none; background-color: transparent; float:right\" onclick=\"changeYears_mobile('forward')\"><img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/wp-content\/plugins\/vdik-marktdaten\/image\/icon_arrow_right.png\"><\/button><\/span>\r\n    <span><button id=\"forward_mobile_placeholder\" style=\"border: none; background-color: transparent; float:right; display: block; opacity: 0\"><img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/wp-content\/plugins\/vdik-marktdaten\/image\/icon_arrow_right.png\"><\/button><\/span>\r\n\t<span><button id=\"back_mobile\" style=\"border: none; display: block; background-color: transparent; float:left\" onclick=\"changeYears_mobile('back')\"><img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/wp-content\/plugins\/vdik-marktdaten\/image\/icon_arrow_left.png\"><\/button><\/span>\r\n    <span><button id=\"back_mobile_placeholder\" style=\"border: none; display: none; background-color: transparent; float:left; opacity: 0\"><img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/wp-content\/plugins\/vdik-marktdaten\/image\/icon_arrow_left.png\"><\/button><\/span>\r\n    <span id=\"spalte1_mobile\" style=\"padding: 0 40% 0 40%; text-align: center\"><\/span>   \r\n<\/div>\r\n<canvas id=\"line_mobile\" width=\"0.5\">\r\n<\/section>\n<\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":-100,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2791","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>VDIK - Association of International Motor Vehicle Manufacturers<\/title>\n<meta name=\"description\" content=\"The Association of International Motor Vehicle Manufacturers represents the interests of international car and commercial vehicle manufacturers in Germany.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vdik.de\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"VDIK - Association of International Motor Vehicle Manufacturers\" \/>\n<meta property=\"og:description\" content=\"The Association of International Motor Vehicle Manufacturers represents the interests of international car and commercial vehicle manufacturers in Germany.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vdik.de\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"VDIK - Verband der Internationalen Kraftfahrzeughersteller e.V.\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-02T13:17:40+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"VDIK - Association of International Motor Vehicle Manufacturers e.V.\" \/>\n<meta name=\"twitter:description\" content=\"Initiative for Clean Air. We provide clean air. Join in! The VDIK member companies are continuing their exchange campaigns.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.vdik.de\/wp-content\/uploads\/2019\/08\/vdik_mediathek_Logo_Blau.jpg\" \/>\n<meta name=\"twitter:site\" content=\"@der_vdik\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.vdik.de\/en\/\",\"url\":\"https:\/\/www.vdik.de\/en\/\",\"name\":\"VDIK - Association of International Motor Vehicle Manufacturers\",\"isPartOf\":{\"@id\":\"https:\/\/www.vdik.de\/en\/#website\"},\"datePublished\":\"2019-02-27T09:48:56+00:00\",\"dateModified\":\"2025-06-02T13:17:40+00:00\",\"description\":\"The Association of International Motor Vehicle Manufacturers represents the interests of international car and commercial vehicle manufacturers in Germany.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.vdik.de\/en\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.vdik.de\/en\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.vdik.de\/en\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/www.vdik.de\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.vdik.de\/en\/#website\",\"url\":\"https:\/\/www.vdik.de\/en\/\",\"name\":\"VDIK - Verband der Internationalen Kraftfahrzeughersteller e.V.\",\"description\":\"VDIK - Verband der Internationalen Kraftfahrzeughersteller e.V.\",\"publisher\":{\"@id\":\"https:\/\/www.vdik.de\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.vdik.de\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.vdik.de\/en\/#organization\",\"name\":\"VDIK - Verband der Internationalen Kraftfahrzeughersteller e.V.\",\"url\":\"https:\/\/www.vdik.de\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.vdik.de\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.vdik.de\/wp-content\/uploads\/2023\/02\/VDIK_logo_unterzeile_blau-header.png\",\"contentUrl\":\"https:\/\/www.vdik.de\/wp-content\/uploads\/2023\/02\/VDIK_logo_unterzeile_blau-header.png\",\"width\":300,\"height\":81,\"caption\":\"VDIK - Verband der Internationalen Kraftfahrzeughersteller e.V.\"},\"image\":{\"@id\":\"https:\/\/www.vdik.de\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/der_vdik\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"VDIK - Association of International Motor Vehicle Manufacturers","description":"The Association of International Motor Vehicle Manufacturers represents the interests of international car and commercial vehicle manufacturers in Germany.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vdik.de\/en\/","og_locale":"en_GB","og_type":"article","og_title":"VDIK - Association of International Motor Vehicle Manufacturers","og_description":"The Association of International Motor Vehicle Manufacturers represents the interests of international car and commercial vehicle manufacturers in Germany.","og_url":"https:\/\/www.vdik.de\/en\/","og_site_name":"VDIK - Verband der Internationalen Kraftfahrzeughersteller e.V.","article_modified_time":"2025-06-02T13:17:40+00:00","twitter_card":"summary_large_image","twitter_title":"VDIK - Association of International Motor Vehicle Manufacturers e.V.","twitter_description":"Initiative for Clean Air. We provide clean air. Join in! The VDIK member companies are continuing their exchange campaigns.","twitter_image":"https:\/\/www.vdik.de\/wp-content\/uploads\/2019\/08\/vdik_mediathek_Logo_Blau.jpg","twitter_site":"@der_vdik","twitter_misc":{"Estimated reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vdik.de\/en\/","url":"https:\/\/www.vdik.de\/en\/","name":"VDIK - Association of International Motor Vehicle Manufacturers","isPartOf":{"@id":"https:\/\/www.vdik.de\/en\/#website"},"datePublished":"2019-02-27T09:48:56+00:00","dateModified":"2025-06-02T13:17:40+00:00","description":"The Association of International Motor Vehicle Manufacturers represents the interests of international car and commercial vehicle manufacturers in Germany.","breadcrumb":{"@id":"https:\/\/www.vdik.de\/en\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vdik.de\/en\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.vdik.de\/en\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.vdik.de\/en\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/www.vdik.de\/en\/#website","url":"https:\/\/www.vdik.de\/en\/","name":"VDIK - Verband der Internationalen Kraftfahrzeughersteller e.V.","description":"VDIK - Verband der Internationalen Kraftfahrzeughersteller e.V.","publisher":{"@id":"https:\/\/www.vdik.de\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vdik.de\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/www.vdik.de\/en\/#organization","name":"VDIK - Verband der Internationalen Kraftfahrzeughersteller e.V.","url":"https:\/\/www.vdik.de\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.vdik.de\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.vdik.de\/wp-content\/uploads\/2023\/02\/VDIK_logo_unterzeile_blau-header.png","contentUrl":"https:\/\/www.vdik.de\/wp-content\/uploads\/2023\/02\/VDIK_logo_unterzeile_blau-header.png","width":300,"height":81,"caption":"VDIK - Verband der Internationalen Kraftfahrzeughersteller e.V."},"image":{"@id":"https:\/\/www.vdik.de\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/der_vdik"]}]}},"_links":{"self":[{"href":"https:\/\/www.vdik.de\/en\/wp-json\/wp\/v2\/pages\/2791","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vdik.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vdik.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vdik.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vdik.de\/en\/wp-json\/wp\/v2\/comments?post=2791"}],"version-history":[{"count":26,"href":"https:\/\/www.vdik.de\/en\/wp-json\/wp\/v2\/pages\/2791\/revisions"}],"predecessor-version":[{"id":12797,"href":"https:\/\/www.vdik.de\/en\/wp-json\/wp\/v2\/pages\/2791\/revisions\/12797"}],"wp:attachment":[{"href":"https:\/\/www.vdik.de\/en\/wp-json\/wp\/v2\/media?parent=2791"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}