(function(){{const linkElement = document.createElement('link');linkElement.setAttribute('rel','stylesheet');linkElement.setAttribute('type','text/css');linkElement.setAttribute('href','https://www.datev-mymarketing.de/onlineMedia/style.css?ids=61382');document.head.insertBefore(linkElement,document.head.childNodes[0]);}

// define global object to encapsulate all MyMarketing OnlineMedia properties
mym = (typeof mym !== 'undefined') ? mym : {};

document.getElementById('mym-insert-here-61382').innerHTML = '\n\n\n<style>\n    @font-face {\n        font-family: \"DATEV Compatil\";\n        src: url(\'https:\/\/www.datev-mymarketing.de\/onlineMedia\/attachment?filename=datevcompatil.eot\');\n        src: url(\'https:\/\/www.datev-mymarketing.de\/onlineMedia\/attachment?filename=datevcompatil.eot\') format(\"eot\"),\n        url(\'https:\/\/www.datev-mymarketing.de\/onlineMedia\/attachment?filename=datevcompatil.woff\') format(\"woff\"),\n        url(\'https:\/\/www.datev-mymarketing.de\/onlineMedia\/attachment?filename=datevcompatil.woff2\') format(\"woff2\"),\n        url(\'https:\/\/www.datev-mymarketing.de\/onlineMedia\/attachment?filename=datevcompatil.ttf\') format(\"truetype\"),\n        url(\'https:\/\/www.datev-mymarketing.de\/onlineMedia\/attachment?filename=datevcompatil.svg\') format(\"svg\");\n    }\n<\/style>\n\n\n<div class=\"mym-widget-container mym-widget-video embedded\" id=\"mym-videomym-insert-here-61382\">\n    <div class=\"mym-embedded-inner\">\n        <a class=\"mym-close-button\" onclick=\"mym[\'videomym-insert-here-61382\'].closePopup();\">Schlie\u00DFen<\/a>\n        <section id=\"mym-slide-videomym-insert-here-61382\">\n            <div class=\"mym-header\" id=\"mym-player-headermym-insert-here-61382\">\n                <div class=\"mym-left\">Aktuell in TRIALOG.tv: Urlaubsplanung<\/div>\n            <\/div>\n            <div class=\"mym-embed-container\">\n                <iframe seamless=\"true\" allowfullscreen=\"true\" id=\"mym-video-elementmym-insert-here-61382\" src=\"https:\/\/vp.datev.de\/connector\/video\/511?autoplay=0&amp;notracking=1&amp;custom_id=mym-insert-here-61382&amp;stream=640p\"><\/iframe>\n            <\/div>\n            <footer>\n                <div class=\"mym-left\">\n                    Bereitgestellt von <a href=\"https:\/\/www.datev.de\/\" target=\"_blank\">DATEV eG<\/a>\n                <\/div>\n                <div class=\"mym-right\">\n                    &copy; DATEV eG, alle Rechte vorbehalten\n                <\/div>\n            <\/footer>\n        <\/section>\n        <section id=\"mym-slide-outromym-insert-here-61382\" style=\"display:none;\" >\n\n            <div class=\"mym-header\">\n                <div class=\"mym-left\">Aktuell in TRIALOG.tv: Urlaubsplanung<\/div>\n                <div class=\"mym-right mym-replay\"><a href=\"#\" id=\"mym-playAgainmym-insert-here-61382\">Video erneut abspielen<\/a><\/div>\n            <\/div>\n\n            <div class=\"mym-inner\">\n                <p>Gerne informieren wir Sie in einem unverbindlichen Gespr\u00E4ch.<\/p>\n                <div class=\"mym-partner\">\n                    <div class=\"mym-left\">\n                        <p>Ihr Ansprechpartner:<\/p>\n                        <p><strong>Steuerberater Rutenkolk<\/strong><\/p>\n                        <p><strong>Alexander Rutenkolk<\/strong><\/p>\n                        <p>\n                            <strong style=\"position: relative; padding-left: 24px;\">\n                                <svg version=\"1.2\" baseProfile=\"tiny\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"\n                                    style=\"height: 18px; width: 18px; left: 0; top: 4px; position: absolute;\" x=\"0px\" y=\"0px\" viewBox=\"0 0 47 46.9\" xml:space=\"preserve\">\n                                    <path d=\"M45.2,14.7c-2.5-6-6.6-10.2-12.6-12.8c-5.9-2.5-11.9-2.5-17.9-0.1S4.4,8.4,1.9,14.3s-2.6,11.9-0.2,17.9S8.3,42.5,14.2,45\n                                    c6,2.5,11.9,2.6,17.9,0.2c6-2.4,10.2-6.6,12.8-12.5C47.5,26.7,47.6,20.7,45.2,14.7z M25.8,4.7c0.7-0.3,1.6-0.2,2.9,0.3l0.8,0.3\n                                    c-1,1.1-1.7,2.1-2.1,3.2c-0.8,2-1.1,4.1-0.9,6.3l-0.7-0.3c-2.9-1.2-3.6-3.7-2-7.3C24.5,5.8,25.1,5,25.8,4.7z M13.6,40.5\n                                    c-1.2-0.5-1.9-1.1-2.1-1.8s0-1.7,0.5-3c1.6-3.7,3.7-5,6.4-3.9l0.9,0.4c-1.7,1.4-3,3.1-3.9,5.2c-0.5,1.2-0.8,2.3-0.9,3.5L13.6,40.5z\n                                        M27.3,35c-1.6,2.4-3.3,4.6-5.2,6.6c-2.1,0.3-4.4,0.2-6.7-0.4c0.2-1.2,0.6-2.4,1-3.5c0.8-1.8,2.1-3.5,3.9-5.2l0.4,0.2\n                                    c1.9,0.8,4-1.6,6.4-7.3c2.5-5.9,2.8-9.2,0.9-10l-0.3-0.1c-0.3-2.4-0.1-4.6,0.7-6.4c0.5-1.1,1.2-2.2,2.1-3.1c1.8,1.2,3.5,2.7,4.9,4.6\n                                    c-0.1,2.8-0.5,5.5-1.2,8.3c-0.7,2.8-1.6,5.6-2.8,8.4C30.2,29.9,28.8,32.6,27.3,35z\"\/>\n                                <\/svg>\n                            0202 - 24737-0<\/strong>\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <footer>\n                <div class=\"mym-left\">\n                    Bereitgestellt von <a href=\"https:\/\/www.datev.de\/\" target=\"_blank\">DATEV eG<\/a>\n                <\/div>\n                <div class=\"mym-right\">\n                    &copy; DATEV eG, alle Rechte vorbehalten\n                <\/div>\n            <\/footer>\n\n        <\/section>\n\n    <\/div>\n<\/div>\n';mym = (typeof mym !== 'undefined') ? mym : {};

mym['videomym-insert-here-61382'] = mym['videomym-insert-here-61382'] || {};

mym['videomym-insert-here-61382'].element = document.getElementById("mym-video-elementmym-insert-here-61382");
mym['videomym-insert-here-61382'].slideVideo = document.getElementById("mym-slide-videomym-insert-here-61382");
mym['videomym-insert-here-61382'].slideOutro = document.getElementById("mym-slide-outromym-insert-here-61382");
mym['videomym-insert-here-61382'].playAgainButton = document.getElementById("mym-playAgainmym-insert-here-61382");
mym['videomym-insert-here-61382'].playerHeader = document.getElementById("mym-player-headermym-insert-here-61382");
mym['videomym-insert-here-61382'].videoBox = document.getElementById("mym-videomym-insert-here-61382");

mym['videomym-insert-here-61382'].playAgainButton.addEventListener("click", function() {
	mym['videomym-insert-here-61382'].slideVideo.style.display = "block";
	mym['videomym-insert-here-61382'].slideOutro.style.display = "none";
	mym['videomym-insert-here-61382'].play();
});


mym['videomym-insert-here-61382'].isRunning = false;
window.addEventListener("message", receiveMessage, false);

function receiveMessage(event) {
	if (event.origin !== "https://vp.datev.de")
		return;

	if (JSON.parse(event.data).vms.name === "end" && JSON.parse(event.data).vms.data.custom_id === "mym-insert-here-61382") {
		mym['videomym-insert-here-61382'].slideVideo.style.display = "none";
		mym['videomym-insert-here-61382'].slideOutro.style.display = "flex";
		if (typeof mym.logEvent === 'function') {
			mym.logEvent('DISPLAYED', 61382);
		};

	}
	if (JSON.parse(event.data).vms.name === "play" && JSON.parse(event.data).vms.data.custom_id === "mym-insert-here-61382") {
		mym['videomym-insert-here-61382'].isRunning = true;
		mym['videomym-insert-here-61382'].playerHeader.style.display="none";
	}
	if (JSON.parse(event.data).vms.name === "pause" && JSON.parse(event.data).vms.data.custom_id === "mym-insert-here-61382") {
		mym['videomym-insert-here-61382'].isRunning = false;
		mym['videomym-insert-here-61382'].playerHeader.style.display="block";
	}
}

mym['videomym-insert-here-61382'].play = function() {
	var data = {
		"vms": {
			"function": "play",
			"custom_id": "mym-insert-here-61382"
		}
	};
	mym['videomym-insert-here-61382'].element.contentWindow.postMessage(JSON.stringify(data), "https://vp.datev.de");
};

mym['videomym-insert-here-61382'].openPopup = function() {
	mym['videomym-insert-here-61382'].videoBox.style.display = "block";
	mym.logEvent('INTERACTION', 61382);
};

mym['videomym-insert-here-61382'].closePopup = function() {
	mym['videomym-insert-here-61382'].videoBox.style.display = "none";
	if (mym['videomym-insert-here-61382'].isRunning) {
		mym['videomym-insert-here-61382'].play();
	};
};

mym['videomym-insert-here-61382'].videoInit = function() {
	mym['videomym-insert-here-61382'].openPopup();
	mym['videomym-insert-here-61382'].videoBox.style.display = "block";
	mym['videomym-insert-here-61382'].slideVideo.style.display = "block";
	mym['videomym-insert-here-61382'].slideOutro.style.display = "none";
	mym['videomym-insert-here-61382'].play();
};

// Hilfsfunktion fürs Event-Logging.
mym.logEvent = mym.logEvent || {};
mym.logEvent = function(onlineMediaEventType, pubId) {
   const xhr = new XMLHttpRequest();
   const theUrl = "https://www.datev-mymarketing.de/onlineMedia/logEvent.json?type=" + onlineMediaEventType + "&onlinePublicationId=" + pubId;
   xhr.open("GET", theUrl, true);
   xhr.send();
};

})();