var start2=document.getElementById("welcome");
var maincloth = document.querySelectorAll(".mainimg")[0];

var windowXMaxWidth=window.innerWidth;

function burger(){ 
   /*  maincloth.style.transition="3s"
    maincloth.style.transform="scale(100)";
    maincloth.style.zIndex="99";
 */
    document.getElementById("menubar").style.opacity="100";
   document.getElementById("menubar").style.transition="2s"
   document.getElementById("menubar").style.zIndex="9999999"
    document.getElementById("menubar").style.transform="scale(1)"
    document.getElementById("menubar").style.zIndex="9999"
   setTimeout(function(){document.getElementById("menubar").style.transition="2s"},2000)
}
function profile(){
alert("This page is under Maintenance");
}
function cart(){
    alert("This page is under Maintenance");
    }

function exit(){
   
    document.getElementById("menubar").style.transition="2s"
    document.getElementById("menubar").style.transform="scale(100)"
     document.getElementById("menubar").style.zIndex="-1"
     document.getElementById("menubar").style.opacity="0";
}

function getstart(){
    document.getElementById("video").pause();
    start2.style.transition="1s"
    start2.style.opacity="0";
    start2.style.zIndex='-1';
    maincloth.style.transitionDelay="0.8s";
    if(windowXMaxWidth<600){
        maincloth.style.top="28vh";
    document.getElementById("mainoliv").style.top="28vh";
    document.getElementById("mainmaroon").style.top="28vh";
    }
    else{
        maincloth.style.top="35%";
    document.getElementById("mainoliv").style.top="35%";
    document.getElementById("mainmaroon").style.top="35%";
    }
    document.getElementById("backcloth").style.transitionDelay="1s"
    document.getElementById("backcloth2").style.transitionDelay="1s"
    document.getElementById("backcloth").style.top="0px";
    document.getElementById("backcloth2").style.top="0px";
    document.getElementById("light2").style.transitionDelay="1s";
    document.getElementById("light2").style.opacity="100";
    
    document.getElementById("parent").style.filter="brightness(0.8)"
    document.getElementById("light1").style.transitionDelay="1.5s";
    document.getElementById("light1").style.opacity="100";
    document.getElementById("parent").style.transitionDelay="1.5s";
    document.getElementById("parent").style.transition="2s";
    document.getElementById("parent").style.filter="brightness(1.3)";
    maincloth.style.transitionDelay="0.8s";
    maincloth.style.filter="brightness(1)";
    document.getElementById("parent").style.transitionDelay="2s";
    document.getElementById("frontcontent").style.transitionDelay="5s";
    document.getElementById("frontcontent").style.opacity="100";
    document.getElementById("buybox").style.transitionDelay="6s";
    document.getElementById("buybox").style.opacity="1";
    setTimeout(function(){document.getElementById("colorbox").style.opacity="1"},6500);
    document.getElementById("colorbox").style.transition="2s";
    
}

var currentXPosition=0;

var windowYMaxHeight=window.innerHeight;
var currentYPosition=0;
const mouseMove = (event) => { 
//console.log(`x value = ${event.clientX} & y value = ${event.clientY}`);
currentXPosition = (event.clientX / windowXMaxWidth)+0.8;
currentYPosition = (event.clientY / windowYMaxHeight)+0.8;
if(event.clientX>598){
    currentXPosition =2.5-currentXPosition;
}
if(currentXPosition<=0.6){
    currentXPosition=0.6;
}

if(windowXMaxWidth>=700){
    maincloth.style.transition="0.5s";
maincloth.style.transitionDelay="0s";
maincloth.style.filter = "brightness(" + currentXPosition + ") drop-shadow(" + (currentXPosition*20) + "px " + (-currentYPosition*5) + "px " +"10px rgb(0, 0, 0,0.3))";
}

//document.getElementById("brightball").style.left=event.clientX + "px";
//document.getElementById("brightball").style.top=event.clientY + "px";
}

window.addEventListener('mousemove', mouseMove);
function clear(){
    document.getElementById("backcloth").style.animation="";
    document.getElementById("backcloth2").style.animation="";
}
function light(){
    
    document.getElementById("light2").style.opacity="100";
    document.getElementById("light1").style.opacity="100";
}
function backcloths(element){
    document.getElementById("backcloth").src=element;
    document.getElementById("backcloth2").src=element;
}

function animations(){
    maincloth.style.transition="3s";
    document.getElementById("mainoliv").style.transition="2s";
    document.getElementById("backcloth").style.animation="backcloth 4s ease-in-out";
    document.getElementById("backcloth").style.animationIterationCount="1";
    document.getElementById("backcloth2").style.animation="backcloth 4s ease-in-out";
    document.getElementById("backcloth2").style.animationIterationCount="1";
    document.getElementById("light1").style.transition="0.5s"
    document.getElementById("light2").style.transitionDelay="0.5s"
    document.getElementById("light2").style.transition="0.5s"
    document.getElementById("light2").style.transitionDelay="1s"
    document.getElementById("light2").style.opacity="0";
    document.getElementById("light1").style.opacity="0";
    


    
   
}
var check=0;
function maroon(){
   if(check!=2){
    animations();
    maincloth.style.left="-100%";
    document.getElementById("mainoliv").style.left="-100%"; 
    maincloth = document.querySelectorAll(".mainimg")[2];
    maincloth.style.filter="brightness(1.2)";
    document.getElementById("mainmaroon").style.left="50%";
    setTimeout( function(){backcloths("mainmaroon.png")},3000);
    setTimeout(clear, 5000);
    setTimeout(light , 3000);
    check=2;
   }
}

function oliv(){
    if(check!=1){
    animations();    
    maincloth.style.left="-100%";
    maincloth = document.querySelectorAll(".mainimg")[1];
    maincloth.style.filter="brightness(1.2)";
    document.getElementById("mainoliv").style.left="50%";
    setTimeout( function(){backcloths("mainoliv.png")},3000);
    setTimeout(clear, 5000);
    setTimeout(light , 3000);
    check=1;
    }
}
function black(){
    if(check!=0){
        animations();
    maincloth = document.querySelectorAll(".mainimg")[0];
    maincloth.style.left="50%";
    document.getElementById("mainoliv").style.left="-100%"; 
    document.getElementById("mainmaroon").style.left="-100%"; 
    setTimeout( function(){backcloths("blured.png")},3000);
    setTimeout(clear, 5000);
    setTimeout(light , 3000);
    check=0;
    }


    //menu bar
    
}{"id":21,"date":"2021-04-22T10:29:49","date_gmt":"2021-04-22T10:29:49","guid":{"rendered":"https:\/\/verzekeren-duitsland.com\/2021\/04\/blog-beitrag-titel\/"},"modified":"2021-04-22T10:29:49","modified_gmt":"2021-04-22T10:29:49","slug":"blog-beitrag-titel","status":"publish","type":"post","link":"https:\/\/verzekeren-duitsland.com\/blog-beitrag-titel\/","title":{"rendered":"Blog-Beitrag Titel"},"content":{"rendered":"\r\n<p>Was geh\u00f6rt in einen Blog-Beitrag? N\u00fctzliche branchenbezogene Inhalte, die dem Leser einen Mehrwert bieten, aber auch Ihre Branchenkenntnisse unter Beweis stellen.<\/p>\r\n\r\n\r\n\r\n<p>Nutzen Sie die Blogposts Ihres Unternehmens, um sich \u00fcber aktuelle Branchenthemen zu \u00e4u\u00dfern, Ihrem Unternehmen eine menschliche Komponente zu geben und zu zeigen, wie Ihre Produkte und Dienstleistungen Menschen helfen.<\/p>\r\n","protected":false},"excerpt":{"rendered":"Was geh\u00f6rt in einen Blog-Beitrag? N\u00fctzliche branchenbezogene Inhalte, die dem Leser einen Mehrwert bieten, aber auch Ihre Branchenkenntnisse unter Beweis stellen. Nutzen Sie die Blogposts Ihres Unternehmens, um sich \u00fcber aktuelle Branchenthemen zu \u00e4u\u00dfern, Ihrem Unternehmen eine menschliche Komponente zu geben und zu zeigen, wie Ihre Produkte und Dienstleistungen Menschen helfen.","protected":false},"author":0,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","footnotes":""},"categories":[],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Blog-Beitrag Titel - Verzekeren in Duitsland<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/verzekeren-duitsland.com\/blog-beitrag-titel\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Blog-Beitrag Titel - Verzekeren in Duitsland\" \/>\n<meta property=\"og:description\" content=\"Was geh\u00f6rt in einen Blog-Beitrag? N\u00fctzliche branchenbezogene Inhalte, die dem Leser einen Mehrwert bieten, aber auch Ihre Branchenkenntnisse unter Beweis stellen. Nutzen Sie die Blogposts Ihres Unternehmens, um sich \u00fcber aktuelle Branchenthemen zu \u00e4u\u00dfern, Ihrem Unternehmen eine menschliche Komponente zu geben und zu zeigen, wie Ihre Produkte und Dienstleistungen Menschen helfen.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/verzekeren-duitsland.com\/blog-beitrag-titel\/\" \/>\n<meta property=\"og:site_name\" content=\"Verzekeren in Duitsland\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-22T10:29:49+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/verzekeren-duitsland.com\/blog-beitrag-titel\/\",\"url\":\"https:\/\/verzekeren-duitsland.com\/blog-beitrag-titel\/\",\"name\":\"Blog-Beitrag Titel - Verzekeren in Duitsland\",\"isPartOf\":{\"@id\":\"https:\/\/verzekeren-duitsland.com\/#website\"},\"datePublished\":\"2021-04-22T10:29:49+00:00\",\"dateModified\":\"2021-04-22T10:29:49+00:00\",\"author\":{\"@id\":\"\"},\"breadcrumb\":{\"@id\":\"https:\/\/verzekeren-duitsland.com\/blog-beitrag-titel\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/verzekeren-duitsland.com\/blog-beitrag-titel\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/verzekeren-duitsland.com\/blog-beitrag-titel\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/verzekeren-duitsland.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog-Beitrag Titel\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/verzekeren-duitsland.com\/#website\",\"url\":\"https:\/\/verzekeren-duitsland.com\/\",\"name\":\"Verzekeren in Duitsland\",\"description\":\"- Uw verzekeringsspecialist -\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/verzekeren-duitsland.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Blog-Beitrag Titel - Verzekeren in Duitsland","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:\/\/verzekeren-duitsland.com\/blog-beitrag-titel\/","og_locale":"de_DE","og_type":"article","og_title":"Blog-Beitrag Titel - Verzekeren in Duitsland","og_description":"Was geh\u00f6rt in einen Blog-Beitrag? N\u00fctzliche branchenbezogene Inhalte, die dem Leser einen Mehrwert bieten, aber auch Ihre Branchenkenntnisse unter Beweis stellen. Nutzen Sie die Blogposts Ihres Unternehmens, um sich \u00fcber aktuelle Branchenthemen zu \u00e4u\u00dfern, Ihrem Unternehmen eine menschliche Komponente zu geben und zu zeigen, wie Ihre Produkte und Dienstleistungen Menschen helfen.","og_url":"https:\/\/verzekeren-duitsland.com\/blog-beitrag-titel\/","og_site_name":"Verzekeren in Duitsland","article_published_time":"2021-04-22T10:29:49+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/verzekeren-duitsland.com\/blog-beitrag-titel\/","url":"https:\/\/verzekeren-duitsland.com\/blog-beitrag-titel\/","name":"Blog-Beitrag Titel - Verzekeren in Duitsland","isPartOf":{"@id":"https:\/\/verzekeren-duitsland.com\/#website"},"datePublished":"2021-04-22T10:29:49+00:00","dateModified":"2021-04-22T10:29:49+00:00","author":{"@id":""},"breadcrumb":{"@id":"https:\/\/verzekeren-duitsland.com\/blog-beitrag-titel\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/verzekeren-duitsland.com\/blog-beitrag-titel\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/verzekeren-duitsland.com\/blog-beitrag-titel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/verzekeren-duitsland.com\/"},{"@type":"ListItem","position":2,"name":"Blog-Beitrag Titel"}]},{"@type":"WebSite","@id":"https:\/\/verzekeren-duitsland.com\/#website","url":"https:\/\/verzekeren-duitsland.com\/","name":"Verzekeren in Duitsland","description":"- Uw verzekeringsspecialist -","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/verzekeren-duitsland.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"}]}},"_links":{"self":[{"href":"https:\/\/verzekeren-duitsland.com\/wp-json\/wp\/v2\/posts\/21"}],"collection":[{"href":"https:\/\/verzekeren-duitsland.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/verzekeren-duitsland.com\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/verzekeren-duitsland.com\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":1,"href":"https:\/\/verzekeren-duitsland.com\/wp-json\/wp\/v2\/posts\/21\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/verzekeren-duitsland.com\/wp-json\/wp\/v2\/posts\/21\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/verzekeren-duitsland.com\/wp-json\/wp\/v2\/media?parent=21"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/verzekeren-duitsland.com\/wp-json\/wp\/v2\/categories?post=21"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/verzekeren-duitsland.com\/wp-json\/wp\/v2\/tags?post=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}