/* +------------------------------------------------------------------------+ */
/* | iPad 1, 2, Mini and Air												| */
/* +------------------------------------------------------------------------+ */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

	/* DEFAULTS */
	.desktop-br { display: block; }

	/* LAYOUT */
	.header { background-position: 40px center; background-size: auto 54px; height: 94px; }
	.header ul { padding: 20px 40px 30px 100px; }
	.flex-container > div { margin: 20px 0px; width: 256px; }

	/* CONTENT */
	.content { padding: 80px 80px; }
	.content h1 { font-size: 64px; line-height: 34px; }
	.content h2 { font-size: 18px; line-height: 22px; text-align: center; text-transform: none; padding: 20px 40px; margin: 20px 0px 40px 0px; }
	.content .icon { width: 55px; height: 55px; margin-bottom: 10px; }

	.content.imprint, 
	.content.dataprivacy { padding: 80px 80px; width: 100%; }
	.content.imprint h1, 
	.content.dataprivacy h1 { font-size: 64px; line-height: 34px; }
	.content.imprint h2 , 
	.content.dataprivacy h2{ font-size: 18px; line-height: 22px; text-align: left; text-transform: uppercase; padding: 0px; margin: 40px 0px 20px 0px; }

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) { .desktop-br { display: block; } .content h2 { max-width: 480px; margin: 20px auto 40px auto; } }


/* +------------------------------------------------------------------------+ */
/* | iPad 3, 4 and Pro 9.7"													| */
/* +------------------------------------------------------------------------+ */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {}


/* +------------------------------------------------------------------------+ */
/* | iPad Pro 10.5"															| */
/* +------------------------------------------------------------------------+ */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 1112px)
  and (-webkit-min-device-pixel-ratio: 2) {}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {}


/* +------------------------------------------------------------------------+ */
/* | iPad Pro 12.9"															| */
/* +------------------------------------------------------------------------+ */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {

	/* DEFAULTS */
	.desktop-br { display: inline; }

	/* LAYOUT */
	.header { background-position: 40px center; background-size: auto 54px; height: 94px; }
	.flex-container > div { margin: 20px 0px; width: 256px; }

	/* CONTENT */
	.content { padding: 80px 80px; vertical-align: top; }
	.content h1 { font-size: 100px; line-height: 50px; }
	.content h2 { font-size: 30px; line-height: 40px; text-align: center; text-transform: none; padding: 20px 40px; margin: 20px 0px 40px 0px; }
	.content .icon { width: 55px; height: 55px; margin-bottom: 10px; }


}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) { .desktop-br { display: block; }  .content h2 { max-width: 720px; margin: 20px auto 40px auto; } }




/* +------------------------------------------------------------------------+ */
/* | Nexus 10																| */
/* +------------------------------------------------------------------------+ */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 800px) 
  and (max-device-height: 1280px) 
  and (-webkit-min-device-pixel-ratio: 2) {

	/* DEFAULTS */
	.desktop-br { display: inline; }

	/* LAYOUT */
	.header { background-position: 40px center; background-size: auto 54px; height: 94px; }
	.flex-container > div { margin: 20px 0px; width: 250px; }

	/* CONTENT */
	.content { padding: 20px 20px; }
	.content h1 { font-size: 64px; line-height: 34px; }
	.content h2 { font-size: 18px; line-height: 22px; text-align: center; text-transform: none; padding: 20px 140px; margin: 20px auto 40px auto; }
	.content .icon { width: 55px; height: 55px; margin-bottom: 10px; }
	.content p { font-size: 15px; }

}

/* Portrait */
@media only screen 
  and (min-device-width: 800px) 
  and (max-device-height: 1280px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {}

/* Landscape */
@media only screen 
  and (min-device-width: 800px) 
  and (max-device-height: 1280px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {.desktop-br { display: block; } }