/* Smartphones (portrait and landscape) ----------------------------------------------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px)
	{
		/* Styles */
		ul#menu li a.cart span.cart-number
			{
				position: relative;
				top: -6px;
				right: -13px;
				width: 26px;
				height: 26px;
				font-size: 14px;
				line-height: 27px;
				display: inline-block;
			}

		ul.categ-nav li
			{
				width: 100%;
			}

		ul.categ-nav li a
			{
				margin: 0px 0px;
			}

		.prodlist,
		.flexitemNews,
		.trainigsbox,
		.flex-yt
			{
				-webkit-flex: 0 1 100%;
				-ms-flex: 0 1 100%;
				flex: 0 1 100%;
			}

		.filling-empty-space-childs-flex-yt
			{
				width: 100%; /* The width of the flex items */
				height: 0; /* Important for the DIVs to collapse should they fall in a new row */
			}


		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr
			{
				display: block;
			}

		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr
			{
				position: absolute;
				top: -9999px;
				left: -9999px;
			}

		tr
			{
				border: 1px solid #ccc;
			}

		td
			{
				/* Behave  like a "row" */
				position: relative;
				padding-left: 50%;
				border: none;
				border-bottom: 1px solid #eee;
			}

		td:before
			{
				/* Now like a table header */
				position: absolute;
				/* Top/left values mimic padding */
				top: 6px;
				left: 6px;
				width: 15%;
				padding-right: 10px;
				white-space: nowrap;
			}

		/* Label the data */
		td:nth-of-type(1):before { content: "Nr."; }
		td:nth-of-type(2):before { content: "Produkt"; }
		td:nth-of-type(3):before { content: "Menge"; }
		td:nth-of-type(4):before { content: "Preis/St."; }
		td:nth-of-type(5):before { content: "Entfernen"; }


		tr.endsum td:nth-of-type(1):before,
		tr.endsum td:nth-of-type(2):before,
		tr.actions td:nth-of-type(1):before,
		tr.actions td:nth-of-type(2):before
			{
				content: "";
			}

		table.orderTable tbody tr.endsum td:nth-child(1),
		tr.actions td:nth-of-type(1),
		tr.actions td:nth-of-type(2)
			{
				padding-left: 10px;
			}

		table.orderTable tbody tr.endsum td:nth-child(2)
			{
				display: none;
			}


		table.orderTable tbody tr td
			{
				padding: 5px 5px 5px 90px;
				text-align: left;
			}

		table.orderTable tbody tr td:nth-child(3),
		table.orderTable tbody tr td:nth-child(4),
		table.orderTable tbody tr td:nth-child(5),
		table.orderTable tbody tr.endsum td:nth-child(1),
		table.orderTable tbody tr.actions td
			{
				text-align: left;
			}

		table.orderTable tbody tr
			{
				margin-bottom: 10px;
			}
	}

/* Smartphones (landscape) ------------------------------------------------------------ */
@media only screen and (min-width: 321px)
	{
		/* Styles */

		.flex-yt
			{
				height: 250px;
			}
	}

/* Smartphones (portrait) ------------------------------------------------------------- */
@media only screen and (max-width: 320px)
	{
		/* Styles */

		.flex-yt
			{
				height: 180px;
			}
	}

/* iPhone 4 --------------------------------------------------------------------------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape)
	{
		/* Styles */
	}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait)
	{
		/* Styles */
	}

/* iPhone 5 --------------------------------------------------------------------------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape)
	{
		/* Styles */
	}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait)
	{
		/* Styles */
	}

/* iPhone 6 --------------------------------------------------------------------------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape)
	{
		/* Styles */
	}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait)
	{
		/* Styles */
	}

/* iPhone 6+ -------------------------------------------------------------------------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape)
	{
		/* Styles */
	}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait)
	{
		/* Styles */
	}

/* Samsung Galaxy S3 ------------------------------------------------------------------ */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape)
	{
		/* Styles */
	}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait)
	{
		/* Styles */
	}

/* Samsung Galaxy S4 ------------------------------------------------------------------ */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape)
	{
		/* Styles */
	}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait)
	{
		/* Styles */
	}

/* Samsung Galaxy S5 ------------------------------------------------------------------ */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape)
	{
		/* Styles */
	}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: portrait)
	{
		/* Styles */
	}


/* iPads (portrait and landscape) ----------------------------------------------------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
	{
		/* Styles */
	}

/* iPads (landscape) ------------------------------------------------------------------ */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape)
	{
		/* Styles */
	}

/* iPads (portrait) ------------------------------------------------------------------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait)
	{
		/* Styles */
		.container
			{
				width: 100%;
			}

		ul#menu li a.cart span.cart-number
			{
				position: relative;
				top: -6px;
				right: -13px;
				width: 26px;
				height: 26px;
				font-size: 14px;
				line-height: 27px;
				display: inline-block;
			}

		ul.categ-nav li a
			{
				margin: 0px 0px;
			}
	}

/**********
iPad 3
**********/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape)
	{
		/* Styles */
	}

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


/* Desktops and laptops --------------------------------------------------------------- */
@media only screen and (min-width: 1224px)
	{
		/* Styles */
	}

/* Large screens ---------------------------------------------------------------------- */
@media only screen and (min-width: 1824px)
	{
		/* Styles */
	}