var w = window,
x = window.matchMedia("(orientation: portrait)"),
d = document,
e = d.documentElement,
g = d.getElementsByTagName('body')[0],
xS = w.innerWidth || e.clientWidth || g.clientWidth,
yS = w.innerHeight|| e.clientHeight|| g.clientHeight,
writeheight = yS / 3,
writefaktor = (writeheight / 6);

if(x.matches) {  
    writepos = xS * 2/3; vh = 2;
} else {  
    writepos = xS / 3; vh = 3;
}
document.write('<canvas id="myCanvas" width="'+writepos+'" height="'+yS/3+'" ></canvas>');


      var canvas = document.getElementById('myCanvas');
      var context = canvas.getContext('2d');
      context.font = vh+'vh Verdana, Arial, Helvetica, sans-serif';
	  context.textAlign = 'right';
	  context.textBaseline = 'left'; 
	  context.fillStyle = 'white';
      context.fillText('mail@carmenbotermann.de', writepos, writeheight-(writefaktor*5.3));
	  context.fillText('Postanschrift:', writepos, writeheight-(writefaktor*4));
	  context.fillText('Carmen Botermann', writepos, writeheight-(writefaktor*3));
	  context.fillText('Bebelallee 23b', writepos, writeheight-(writefaktor*2));
	  context.fillText('22299 Hamburg', writepos, writeheight-writefaktor);