/**
 * Desktop
 */

/* Anzeixer */
body:after {
  content: 'desktop';
  position: fixed;
  bottom: -50px;
  left: 0;
  z-index: 1000;
  background: #fc0;
  padding: 0.4em;
  /* display: none; */
  /* display none currently doesn't work in Chrome 33
     http://code.google.com/p/chromium/issues/detail?id=341120
     the following is a (hopefully temporary) workaround
   */
  visibility: hidden;
}
body.dev:after {
  visibility: visible;
  bottom: 0;
}

body:before {
	display: none;
}

body:before {
content: '0';
}

/**
 * Tablet
 */

@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) { 
	 /* Anzeixer */
  body:after {
    content: 'tablet-size';
    }
  
  body:before {
    content: '1';
  }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	 /* Anzeixer */
  body:after {
    content: 'tablet-landscape';
    }
  
  body:before {
    content: '1';
  }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

  /* Anzeixer */
  body:after {
    content: 'tablet-portrait';
  }
  
  body:before {
    content: '2';
  }
 
}


/**
 * Phone landscape
 */
@media screen and (min-width: 511px) and (max-width: 767px) {

  /* Anzeixer */
  body:after {
    content: 'phone-landscape';
  }
  
  body:before {
    content: '3';
  }

}


/**
 * Phone portrait
 */
@media screen and (max-width: 510px) {

  /* Anzeixer */
  body:after {
    content: 'phone-portrait';
  }
  
  body:before {
    content: '4';
  }

}