/****************************************************************************************
* RESPONSIVE DEFINITIONEN
*****************************************************************************************/	


@media screen and (min-width: 100px) {	

	.ElementToggled										{display: block !important;}
	
}

@media screen and (min-width: 1600px) {	

	img {image-rendering: -webkit-optimize-contrast;}
	
}


/****************************************************************************************
* Standard: 820px - 1300px
*****************************************************************************************/

@media screen and (min-width: 820px) and (max-width: 1300px) {

	body 												{font-size: 15px;}
	.Wrap												{width: 100%;}	
	
	#MainMenue 											{}
	
	header .Logo										{top: 1.1em; width: 14.5em;}
	.NavBar nav											{left: 19em; transform: translateX(0);}
	.NavBar nav li a 									{font-size: 90%; margin-left: .5em; margin-right: .5em;}
	#FixNavBar .NavBar nav								{top: 0.65em;}
	
	.FieldRadio input[type="radio"],
	.FieldCheckbox input[type="checkbox"] 				{height: 1.25em !important; width: 1.25em !important;}		
	
	.RowKommentarOnline 								{background-size: 25.5em auto;}
	
	.ContentQuotes 										{padding-top: 4.5em !important;}	
	.ContentProducts .Container .UpdatesTop p 			{margin-top: 1em; font-size: 120%;}	
	.ContentShopIntro .LinkBox 							{min-height: 34em;}

	.ContentShopIntro .LinkBox03 img 					{bottom: 7em;}

		
}

/****************************************************************************************
* Tablet: 768px - 1024px
*****************************************************************************************/

@media screen and (min-width : 768px) and (max-width : 1024px) {


	body 												{width: 100%; font-size: 13px; text-align: center;}	
	.Wrap												{/* width: 760px; */ width: 100%; padding: 0 1.75em 0 1.75em; overflow: hidden;}
	
	a,
	a:hover .TextLink,
	.Content a:hover img,
	.Sidebar a:hover img,
	input[type="submit"]:hover,
	button[type="submit"]:hover,
	a.ButtonSubmit:hover,
	a.ButtonBack:hover,
	a.ButtonShop:hover,
	.Slider .Container a.Button:hover					{-moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none;}
	
	/* Fixe Positionierungen entsprechend Wrap Padding */
	header .Logo,
	#FixNavBar .Logo									{left: 1.5em;}
	.Search,
	.Warenkorb,
	#FixNavBar .Warenkorb								{right: 1.75em;}
	#FixNavBar .NavBarSection li 						{padding: 1em 0 1em 0;}	
	
	#TopMenue 											{font-size: .8rem;}
	#MainMenue											{height: 6.5em;}
	#ShopMenue											{margin-top: -3.5em; margin-bottom: 1.75em;}
	#ShopMenue p										{font-size: 11px;}
	#ShopMenue .ShopMetaNav								{font-size: 95%; margin-top: 1.65em;}
	#FixNavBar .NavBar									{height: 4.25em;}
	#FixNavBar .NavBar nav								{top: 0.9em; left: 24%;}
	#FixNavBar .Logo									{width: 9em;}	
	#FixNavBar .Warenkorb 								{top: 0.85em;}
			
	header .Logo										{top: 1.4em; width: 11.5em;}	
	header .MetaNav li a								{font-size: 90%; line-height: 3.5;}	
	header .SocialMediaLinks a 							{width: 2.7em; margin-top: 0.65em;}
	
	.NavBar nav											{top: 2.65em; left: 25.5%;}
	.NavBar nav li a 									{margin-right: 0; font-size: 110%; margin: 0 0.15em 0 0.15em; padding: 0.9em 0.75em 0.9em 0.75em;}
	.NavBarSection li									{margin-right: 2.25em;}
	.NavBarSection li a									{font-size: 110%;}
	
	.Warenkorb											{top: 2.6em;}		
	.Warenkorb a.Link .DynAnzCart						{font-weight: 600; font-size: 90%;}
	.Warenkorb .CartExpanded 							{top: 3.75em;}
	
	.Search												{right: 1.75em;}
	.Search .SearchField input[type=text]				{font-size: 90%; padding:0.5em 10% 0.4em 0.65em;}
	.Search .SearchButton 								{width: 2.125em;}
	
	.Content											{padding: 2.5em 0 3.75em 0;}
	.Content h1, .Content .TitleXL						{font-size: 250%;}
	.Content h2, .Content .TitleL						{font-size: 240%;}
	.Content h4, .Content .TitleS						{font-size: 115%;}
	.Content p, .Content ol, .Content ul				{font-size: 15px;}
	.Content div.Width90								{width: 100%;}
	
	.Content .Container,
	.Content .ContainerBg								{padding: 1.25em 2em 2em 2em;}
	.Content .ColumnBorder 								{padding: 1.45em 1.25em 1.25em 1.25em;}
	.Content .Quote 									{padding: 1em 1.5em 1em 1.5em;}	
	.Content .ContainerQuotes 							{padding: 0 0 0 4em; width: 95%; background-position: 0.15em 1.675em;}
	.Content .AnchorMenue a 							{/*float: left; width: 22%;*/}	
	
	.RowColor01 .Content, .RowColor02 .Content			{padding-top: 2.85em;}
	.RowKommentarOnline 								{background-position: right 4.15em; background-size: 22em auto;}
	.RowKommentarOnline, .RowKostenlosTesten			{font-size: 95%;}
	.RowKommentarOnline p, .RowKostenlosTesten p		{font-weight: 400;}
	.RowKostenlosTesten .Content .Stopper				{width: 11em; height: 11em; margin-top: -1.25em; margin-right: -1px;}	
	.RowNews .Content .Stopper							{width: 10.25em; height: 10.25em; margin-top: -0.65em; margin-right: -10px;}	
	.RowNews .TitleXL, .RowNews .TitleL .RowNews .TitleM{margin-right: 4em;}
	.RowNews .ColumnPic									{padding: 1.25em;}
	.RowColor01 .ContentQuotes							{padding-top: 4.5em; background-size: 4em auto;}
	
	.ContentKommentar .Width50							{margin-bottom: 0.75em;}
	.ContentShopIntro .LinkBox 							{min-height: 34.5em;}
	.ContentShopIntro .LinkBox01 img 					{height: 11.75em;}
	.ContentShopIntro .LinkBox02 img 					{height: 11.75em;}
	.ContentShopIntro .LinkBox03 img 					{height: 10em;}
	.ContentShopIntro .LinkBox04 img 					{height: 15em;}	
	.ContentProducts .Container .TextInfo				{font-size: 95%;}
	.ContentProducts .Container .Updates 				{margin-bottom: -2em;}	
	.ContentProducts .Container .Stopper				{width: 13em; height: 13em;}	
	.ContentProducts .ContainerDetails					{padding-left: 0; padding-right: 0;}
	.ContentCart .PriceTotal							{padding: 1.25em 2em 2em 2em;}
	.ContentCart .ProductMenue .Quantity				{padding-right: 0.25em;}
	.ContentCart .Container .Width33					{font-size: 90%;}
	.ProductMenue .Quantity .TextLink					{font-size: 110%; padding-top: 0.55em;}
	.ProductMenue .Price span							{font-size: 75%;}
	
	.IconRow											{left: 2em; width: 4.15em;}
	
	textarea, 
	select, 
	input[type="text"], 
	input[type="password"], 
	input[type="submit"] 								{padding: 0.525em; font-size: 120%;}
	
	input[type="submit"], 
	button[type="submit"] 								{font-size: 120%;}
	
	a.ButtonSubmit, 
	a.ButtonBack,
	a.ButtonShop										{font-size: 120%;}
	
	.ProductMenue .Quantity input[type="text"]			{width: 3em; height: 2.5em; font-size: 100%;}
	.ProductMenue .Quantity button[type="submit"]		{height: 2.5em; font-size: 100%}
	
	.Width50 input[type="submit"], 
	.Width50 button[type="submit"], 
	.Width50 a.ButtonSubmit 							{height: 2.5em;}
	
	.FieldRadio input[type="radio"],
	.FieldCheckbox input[type="checkbox"] 				{margin-top: 0;}
	
	.RowColor03 textarea, 
	.RowColor03 select, 
	.RowColor03 input[type="text"],
	.RowColor03 input[type="submit"] 					{padding: 1em;}
	.RowColor03 textarea								{height: 8em;}
	
	footer .FooterNav a									{font-size: 85%;}
	
}

/****************************************************************************************
* Tablet Portrait: 768px - 992px
*****************************************************************************************/

@media screen and (min-width : 768px) and (max-width : 992px) {

	header .MetaNav									{right: auto; left: -.5em;}
	.NavBar nav										{left: 15em; right: auto; transform: translateX(0);}
	.NavBar nav li a								{font-size: 90%;}
	
}


/****************************************************************************************
* iPhone6+/plump Landscape
*****************************************************************************************/

@media only screen and (min-width: 668px) and (max-width: 736px) and (orientation: landscape) { 
    
 
}	


/****************************************************************************************
* Phone: max 767px
*****************************************************************************************/

@media screen and (max-width: 767px) {

	body 												{font-size: 15px}
	
	/* Desktop Elemente ausblenden ----------------------------------------------------- */
	
	#TopMenue, 
	#MainMenue,
	#SectionMenue,
	.ProductTitle,
	/* .Space, */
	footer .FooterRow01									{display: none;}
	
	/* Abstaende nach oben  ------------------------------------------------------------ */
	
	.ContentRowTop										{margin-top: 65px;}	
	
	/* Container ----------------------------------------------------------------------- */	
	
	header												{position: fixed; height: auto; z-index: 199; overflow: visible;}	
	.Wrap												{width: 100%; max-width: 667px; overflow: visible;}
	.ContentRow											{overflow: visible;}	
	
	/* Columns ------------------------------------------------------------------------ */	
	
	.Content .Column,	
	.Content div.Width20,								
	.Content div.Width33,	
	.Content div.Width50,								
	.Content div.Width66,
	.Content div.Width75								{float: none !important; width: 100% !important; margin-top: 1em; margin-bottom: 1em;}
	
	/* Mobile Menue  ------------------------------------------------------------------- */		
	
	#MobileTransBg 										{display: none; position: fixed; width: 100%; height: 100%; overflow: hidden; z-index: 199; 
														 background: url("../img/m_bg_trans.png") repeat left top;}	
	
	#MobileMenue										{height: 65px; display: block; position: fixed; left: 0; top: 0; margin: 0; width: 100%; background: #fff;
														-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.20); 
													 	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.20);
													  	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.20);}		
		
	.MobileClose 										{display: block; position: fixed; top: 0; right: 0; width: 100%; height: 65px; z-index: 201; 
														 text-align: right; background: #000; color: #fff !important;}
	.MobileClose a 										{display: inline-block; padding: 1.8em 1.5em 1.8em 1em; color: #fff; text-decoration: none;}
	.MobileClose a span									{display: inline-block; padding-left: 0.5em;}
	
	#MobileMenue .MobileLogo							{display: block; position: absolute; top: 3px; left: 3px; width: 95px; height: 63px; 
														 background: url("/img/m_logo.png") no-repeat left top; background-size: auto 59px; z-index: 199;}
	#MobileMenue .MobileLogo span						{display: none;}
	
	#MobileMenue .MobileButton							{display: none; display: block; position: absolute; top: 7px; width: 50px; height: 50px; z-index: 200;}
	#MobileMenue .MobileButton a						{display: block; width: 100%; height: 100%;}
														 
	#MobileMenue .MobileButtonNav						{right: 128px;}
	#MobileMenue .MobileButtonNav a 					{background: #009ee0 url("../img/m_button_nav.png") no-repeat center center; background-size: 20px auto;}
	#MobileMenue .MobileButtonNav a span 				{display: none;}	
	
	#MobileMenue .MobileButtonWarenkorb					{right: 8px;}
	#MobileMenue .MobileButtonWarenkorb a				{background: #e2007a url("../img/m_button_wk.png") no-repeat center center; background-size: 26px auto;
														 color: #e2007a ; text-align: center;}
	#MobileMenue .MobileButtonWarenkorb a #DynAnzCartMobile{display: block !important; width: 22px; height: 22px; position: absolute; right: -4px; bottom: -4px; 
														 font-size: 70%; font-weight: 600; line-height: 2.25; color: #000; text-decoration: none;
														 background: url("../img/bg_wk_anz.png") no-repeat center center; background-size: 100% auto;
														 z-index: 101;}
														 
	#MobileMenue .MobileButtonSearch					{right: 68px;}	
	#MobileMenue .MobileButtonSearch a					{background: #ededed url("../img/m_button_search.png") no-repeat center center; background-size: 24px auto;}
	#MobileMenue .MobileButtonSearch a span 			{display: none;}															 
														 
	#MobileNav											{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; 
														 background: #fff;}	
	#MobileNav ul										{position: absolute; top: 65px; left: 0; margin: 0; width: 100%; height: 100%; background: #fff;
														overflow: auto; text-align: left; -webkit-overflow-scrolling: touch;}	
	#MobileNav ul li									{border-bottom: 1px solid #fff; text-transform: uppercase; background: #009ee0; font-weight: 400; font-size: 100%;}	
	#MobileNav ul li a									{display: block; padding: 1.15em 1em 1em 1em; color: #fff; text-decoration: none; 
														 background: url("../img/icon_arrow.png") no-repeat 94% center; background-size: 12px auto;}
	#MobileNav ul li ul									{position: static; margin-bottom: 1.25em;}
	#MobileNav ul li ul	li								{text-transform: none; border-bottom: none; padding-left: 2em;}
	#MobileNav ul li ul	li a							{padding: 0.4em; background-image: none; }							 														 
	#MobileNav ul li.Meta a								{color: #000; background-color: #ddd; text-transform: none;}		
	#MobileNav ul li.Social a							{color: #000; background-color: #f0f0f0; text-transform: none;}	
	#MobileNav ul li.Login a							{color: #f0f0f0; background-color: #f0f0f0; font-weight: 400; text-transform: none;}
	#MobileNav ul li.EndList							{border-bottom: none; background-color: #f0f0f0; height: 100px;}	
		
	.MobileWarenkorb									{display: none; position: fixed; top: 65px; right: 0; padding: 0; width: 100%; height: 250px; background: #e2007a; 
														z-index: 200; text-align: left;
													  	-webkit-box-shadow: 0px 2px 56px -15px rgba(0,0,0,0.95); 
													 	-moz-box-shadow: 0px 2px 56px -15px rgba(0,0,0,0.95);
													  	box-shadow: 0px 2px 56px -15px rgba(0,0,0,0.95);}	
	.MobileWarenkorb a.Link								{text-decoration: none; color: #fff; font-size: 120%; font-weight: 400;}
	.MobileWarenkorb a.Link:hover						{text-decoration: none; color: #fff;}
	.MobileWarenkorb a.Link .Title						{display: block;}
	.MobileWarenkorb a.Link .Text						{display: inline-block;}
	.MobileWarenkorb a.Link .DynVKCart					{display: block; margin-top: 1em;}
	.MobileWarenkorb a.Link .ButtonLink					{font-size: 100%; margin-top: 2.25em;}	
	.MobileWarenkorb p 									{margin: 1.35em 1em 0 1em;}
	
	.MobileSearch										{display: none; position: fixed; top: 65px; right: 0; padding: 0; width: 100%; height: 250px; background: #ddd; 
														z-index: 200; overflow: visible;
													  	-webkit-box-shadow: 0px 2px 56px -15px rgba(0,0,0,0.95); 
													 	-moz-box-shadow: 0px 2px 56px -15px rgba(0,0,0,0.95);
													  	box-shadow: 0px 2px 56px -15px rgba(0,0,0,0.95);}
													  	 													 
	.MobileSearch .SearchField 							{margin: 2.5em 2em 0 2em;}
	.MobileSearch .SearchField input[type=text]			{padding: 0.85em 2em 0.65em 0.85em; border: 1px solid #000; background: #fff; font-size: 100%; height: 2.5rem;}
	.MobileSearch .SearchButton							{top: 4em; right: 2.15em; width: 3em; z-index: 1; background: #fff;}
	.MobileSearch .SearchButton input[type="image"] 	{width: 2.9em;}		
		
		
	/* Content Grid  ------------------------------------------------------------------- */
	
	.Content											{width: 100%; float: none; padding: 2.5em 0 1em 0;}	
	.Sidebar											{width: 100%; float: none; padding: 0.5em 0 1em 0;}		
	
	/* Content: Title, Text, Lists ------------------------------------------------ */
	
	.Content h1, .Content .TitleXL						{font-size: 190%;}
	.Content h2, .Content .TitleL						{font-size: 190%;}	
	.Content h3, .Content .TitleM						{font-size: 120%; margin: 1.5em 0 1.5em 0;}	
	.Content .Container h3								{margin-top: 0;}
	
	.RowColor01 .TextLarge, .RowColor02 .TextLarge		{font-size: 100%; margin-top: 1.5em;}
	.Space												{height: 0.5em !important;}
	.SpaceS.OptResp										{height: 0;}
	
	/* Content: Module ------------------------------------------------------------- */	
	
	.Content .Container,
	.Content .ContainerBg								{margin: 2em 0 1em 0; padding: 1em;}
	.Content .ContainerBorder							{margin: 1em 0 1em 0;}		
	.Content .ColumnBorder								{padding: 1em;}
	.Content .Quote 									{padding: 1em;}
	.Content .AnchorMenue a 							{/*float: left; width: 45%;*/}
	.RowColor01 .Last, 
	.RowColor02 .Last									{padding-bottom: 1.75em;}
	.RowColor01 .Width90								{width: 100% !important;}
	.RowKommentarOnline .Width66						{width: 100% !important;}
	.RowKommentarOnline 								{background-image: none;}
	.RowKommentarOnline p, .RowKostenlosTesten p		{font-weight: 400;}
	.RowNews .TitleXL, .RowNews .TitleL, .RowNews .TitleM{margin-right: 0;}
	.IconRow											{left: 1.25em; width: 2.75em;}
	
	.ContentQuotes										{min-height: 18em; margin-top: 2.5em;}
	
	/* Content Sidebar: Title, Text, Lists ---------------------------------------------- */	

	/* Content Sidebar: Module ---------------------------------------------------------- */
	
	/* Forms ---------------------------------------------------------------------------- */	

	textarea, 
	select, 
	input[type="text"], 
	input[type="password"], 
	input[type="submit"] 								{padding: 0.58em;}
	
	.ContainerForm			 							{margin-top: 1em; margin-bottom: 2em; padding-bottom: 1em;}	
	.ContainerForm .Width50 							{ /*margin-top: 0 !important;*/ margin-bottom: 0 !important;}	
	.ContainerForm .ButtonRow 							{margin-top: 0 ; text-align: center;}	
	.ContainerForm input[type="submit"] 				{float: none; width: 100%;}	
	.FormVar01 .Label,
	.FormVar01 .Field 									{float: none; width: 100%;}
	.FormVar01 .FieldRadio								{margin: 0.25em 0 1em 0;}
	.FormVar01 .Label 									{padding: 0.25em 0 0 0;}	
	.Field textarea 									{height: 7.9em;}
	.Error												{margin-bottom: 2em;}
	.Error .Column p									{margin-bottom: 0;}
	.Error .Last ul										{margin: 0;}
	
	
	/*************************************************************************************
	+   +   +   +   +   +   +   +   +   PROJECT Content  +   +   +   +   +   +   +   +   +   
	*************************************************************************************/
	
	.ButtonLink			 								{border-width: 2px;}
	.RowKostenlosTesten .Content .Stopper,					
	.RowNews .Content .Stopper							{display: none;}
	
	.ContentApp div.FloatLeft							{clear: both; float: none; width: 100%; padding-top: 2em;}
	.IconDownloadAppstore,
	.IconDownloadGooglePlay		 						{margin-top: 1%;}
	
	/* Shop --------------------------------------------------------------------- */	
	
	#ShopMenue											{margin-top: -2.25em; margin-bottom: 0.5em;}
	#ShopMenue .ShopMetaNav								{display: none; /*text-align: left; margin: -7px 0 0 -5px; float: left !important;*/ }
	
	/* Shop Intro -------------------------------------------------------------------- */	
	
	.ContentShopIntro .LinkBox							{float: left !important; padding-bottom: 20em; min-height: 100px;}
	.ContentShopIntro .LinkBox h3						{margin-bottom: 0;}
	.ContentShopIntro .LinkBox04 img					{bottom: 6em; height: 14em;}
						 
	/* Products ------------------------------------------------------------------------ */	
	
	.ProductMenue										{padding: 1em 0 1em 0;}
	.ProductMenue .Price								{float: none; margin-bottom: 0.75em;}
	.ProductMenue .Quantity								{float: none;}
	.ProductMenue .Quantity input[type="text"]			{width: 4em;}
	.ProductMenue .Quantity button						{padding-left: 2%;}
	
	
	.MobileProductTitle									{display: block; margin: 1em 0 2.5em 0;}
	.ContentProducts .Container .Width66 				{float: left !important; width: 100% !important;}
	.ContentProducts .ContainerDetails 					{padding: 0;}
	.ContentProducts .ContainerDetails .Width33			{width: 100% !important;}
	.ContentProducts .Container .Width33 img			{width: 40% !important; margin-left: auto; margin-right: auto; overflow: hidden;}
	.ContentProducts .ContainerDetails .Thumbnails a 	{width: 28%; height: 12em;}
	.ContentProducts .ContainerDetails .Thumbnails a img{width: 90% !important;}
	.ContentProducts .ContainerDetails .TextMeta span 	{}
	.ContentProducts .ContainerDetails .ProductMenue	{margin-top: 0;}
	
	.ContentProducts .Container .Width33				{width: 100% !important;}
	.ContentProducts .Container .Width33 img			{width: 40% !important; height: auto; margin: 0 auto 1em auto;}
	.ContentProducts .Container .Width33 .LinkPic,
	.ContentProducts .Container .Width33 .NoLinkPic		{width: 80%; margin: 0px auto;}
	
	.ContentProducts .Container .Updates 				{margin-top: 0em; margin-bottom: -2em; padding-top: 4em; }
	.ContentProducts .Container .UpdatesTop 			{top: 0; left: 0; padding: 0 0 0.25em 4.5em;}
	.ContentProducts .ContainerDetails .UpdatesTop 		{left: 0;}	
	
	/* Cart --------------------------------------------------------------------------- */
	
	.ContentCart .ProductMenue							{padding-bottom: 0;}	
	.ContentCart .ProductMenue .Quantity				{padding-right: 0;}	
	.ContentCart .ProductMenue .PriceItem				{float: right; margin-bottom: 0;}	
	.ContentCart .ProductMenue .PriceSubtotal			{clear: both; float: right;}	
	.ContentCart .PriceTotal							{margin-top: 2em; padding: 1em;}
	
	/* Shop: Check and Order   ------------------------------------------------------- */		
	
	.FieldLink 											{float: left;}	
	.ButtonRowOrder										{padding-top: 2em;}
	.ButtonRowOrder label 								{text-align: left;}

	/* Quotes ------------------------------------------------------------------------- */			
	
	.ContentQuotes										{padding-top: 5em;}
	.Content .ContainerQuotes 							{width: 100%; background-size: 2em; background-position: 0 1.4em; padding: 0 0 0 3em; margin: 0;}
	
	/* Footer ------------------------------------------------------------------------- */
	
	footer .FooterRow02									{display: none;}
	footer .FooterLogo 									{width: 8em; height:2.25em;}
	footer .Copyright p 								{margin-top: 2.15em; font-size: 70%}
	footer .FooterRow03 								{padding: 5em 0 3em 0;}
	footer .FooterContainerRatings						{bottom: auto; top: .5em;}
	
}


/****************************************************************************************
* Phone: max 540px
*****************************************************************************************/

@media screen and (max-width: 540px) {

	body 												{max-width: 540px;}			

	
	/* Content: Title, Text, Lists ------------------------------------------------ */
	
	/* Content: Module ------------------------------------------------------------- */	
	
	.RowColor01 .Last, .RowColor02 .Last				{padding-bottom: 0.25em;}
	
	/* Products ----------------------------------------------------------------------- */
	
	.ContentProducts .Container .Width33				{width: 100% !important;}
	.ContentProducts .Container .Width33 img			{width: 60% !important; height: auto; margin: 0 auto 1em auto;}
	.ContentProducts .Container .Width33 .LinkPic		{}
	.ContentProducts .ContainerDetails .Thumbnails 		{margin: 0px auto;}
	.ContentProducts .ContainerDetails .Thumbnails a 	{height: 8em;}
	.ContentProducts .Container .Stopper 				{width: 11em; height: 11em;}	
	
	.ProductMenue .Quantity								{float: none;}
	.ProductMenue .Quantity button						{float: none;}
	
	/* Forms ---------------------------------------------------------------------------- */
	
	input[type="submit"], 
	button[type="submit"], 
	a.ButtonSubmit, 
	a.ButtonBack,
	a.ButtonShop 										{width: 100%; margin-right: 0;}
	
	.ButtonRow .FloatLeft								{float: none !important;}
	.ButtonRow .Width50									{width: 100% !important; margin-bottom: 2em !important;}
	.ButtonRow .Width33									{width: 100% !important;}
	
	/*************************************************************************************
	+   +   +   +   +   +   +   +   +   PROJECT Content  +   +   +   +   +   +   +   +   + 
	*************************************************************************************/
					 
	/* Products ----------------------------------------------------------------------- */

	.ContentShopIntro .LinkBox							{padding-bottom: 21em;}
	.ContentShopIntro .LinkBox01 img					{height: auto; width: 90%;}
	
	.ContentCart .ProductMenue .Quantity				{float: right; margin: 1em -0.75em 0.5em 0;}
	.ContentCart .ProductMenue .PriceItem				{clear: both;}
	
	.ButtonRowOrder label 								{width: 85%;}	
	
}		


/****************************************************************************************
* Phone: max 400px
*****************************************************************************************/

@media screen and (max-width: 400px) {

	body 												{font-size: 14px;}	
	
	.ProductMenue										{padding-top: 0;}
	.ProductMenue .Price								{margin-top: 0.3em;}
	.ProductMenue .Quantity button						{clear: both; float: left; margin-top: 5%;}
		
	.ContentProducts .ContainerDetails .Thumbnails a 	{}
	
	.ContentShopIntro .LinkBox01						{padding-bottom: 18.5em;}
		
}


/****************************************************************************************
* Phone: max 350px
*****************************************************************************************/

@media screen and (max-width: 350px) {

	.ContentProducts .UpdatesTop p						{font-size: 100%;}
	footer .Copyright,
	footer .FooterLogo									{float: none; text-align: left;}

}


/*************************************************************************************
* UPT Terminrechner
*************************************************************************************/

/* INTRO + FOOTER */

@media screen and (min-width: 1025px) and (max-width: 1700px) {
	
	.LogoUpt	 									{}
	.ContentRowUptIntro	.WrapUptIntro .Content		{max-width: 100%; padding: 1.5em 0 1.25em 0;}
	.ContentRowUptIntro	.WrapUptIntro h3,
	.ContentRowUptIntro	.WrapUptIntro p				{max-width: calc(100% - 22em);}
	.ContentRowUptIntro	.Visual						{left: auto; right: 3em; width: 20em;}	
	.ContentRowUptIntro								{background-size: 51em auto; background-position: calc(100% + 14em) bottom;}

}

@media screen and (min-width: 1025px) and (max-width: 1500px) {
	
	.ContentRowUptIntro .WrapUptIntro .Overline		{margin-bottom: 3.5vw;}	
	.ContentRowUptIntro	.WrapUptIntro h1			{font-size: 4.6vw; }
	.ContentRowUptIntro	.WrapUptIntro h2			{font-size: 4.4vw;}
	.ContainerInfo p								{font-size: 95%;}
	
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	
	.LogoUpt	 									{left: auto; right: 1.75em; top: 1.75em; width: 14.5em;}		
	.ContentRowUptIntro .WrapUptIntro .Overline		{margin-bottom: 3.5vw;}	
	.ContentRowUptIntro	.WrapUptIntro h1			{font-size: 4.8vw; }
	.ContentRowUptIntro	.WrapUptIntro h2			{font-size: 4.6vw;}
	.ContentRowUptIntro	.WrapUptIntro p				{max-width: calc(100% - 16em);}
	.ContentRowUptIntro	.Visual						{left: auto; right: 3em; width: 17em;}	
	.ContentRowUptIntro								{background-size: 45em auto; background-position: calc(100% + 12em) bottom;}		
	.ContainerInfo									{max-width: calc(100% - 5em); background-position: .75em 1em; padding-right: 1.25em;}
	.ContainerInfo p								{font-size: 95%;}
	
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	
	.WrapUpt .TextNotice							{text-align: left; font-size: 85%; margin-top: 3rem;}
	.FooterUpt p span 								{padding: 0 .5em 0 .5em;}
	.ContainerInfo p								{font-size: 90%;}
}

@media screen and (max-width: 767px) {
	
	header											{position: relative; height: 90px; background-color: #f6f6f6;}
	.ContentRowUptIntro								{margin-top: 0;}
	.LogoUpt	 									{left: 1.75em; top: 1.25em; width: 13em;}
	.ContentRowUptIntro .WrapUptIntro .Content		{padding-top:.5em; padding-bottom: 3em;}
	.ContentRowUptIntro .WrapUptIntro .Overline		{margin-bottom: 2rem;}	
	.ContentRowUptIntro	.WrapUptIntro h1			{font-size: 230%; }
	.ContentRowUptIntro	.WrapUptIntro h2			{font-size: 225%;}
	.ContentRowUptIntro .WrapUptIntro p				{padding-right: 0;}
	
	.ContentRowUptIntro .custom-upt-links			{max-width: calc(100% - 10em);}
	.ContentRowUptIntro .custom-upt-links a			{margin-bottom: .5rem;}
	
	.ContentRowUptIntro								{background-size: 25em auto; background-position: calc(100% + 5em) bottom;}	
	.ContentRowUptIntro .Visual						{width: 10em; height: 10em; left: auto; right: 2.5em;}
	
	.WrapUpt .TextNotice							{text-align: center; font-size: 90%; margin-top: 1rem;}	
		
	.ContainerInfo									{max-width: calc(100% - 3em); background-position: .75em 1em; padding-right: 1.25em;}
	.ContainerInfo p								{font-size: 90%;}
	
	.FooterUpt > .Wrap 								{padding: 2em 0 7em 0;}	
	.FooterUpt p									{text-align: center; line-height: 2.2;}
	.FooterUpt .CopyrightUpt						{display: block;}
	.FooterUpt .FooterLogo 							{width: 11em; height: 3.5em;top: auto; bottom: 1.625em; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%)}
	
}

@media screen and (max-width: 576px) {

	.form-upt .custom-message-alert .custom-message-icon img 	{width: 2.25em;}
	.form-upt .custom-message-alert p 							{line-height: 1.333;}
	
}


/* FORM */

@media screen and (min-width: 1025px) {
	
	.form-upt .custom-col-date .form-text				{margin-top: 2px; margin-left: .5em;}
	.form-upt .custom-row-year .custom-col-wrapper .custom-col-treatments {padding-top: 1.175em !important;}
	
}

@media screen and (min-width: 1025px) and (max-width: 1300px) {
	
	.form-upt .custom-col-02						{max-width: 15em;}
	.form-upt .custom-col-treatments .custom-btn	{font-size: 14px;}

	.form-upt .custom-icon-size 					{transform: translate(.1em, -.1em) scale(1.15);}
	
}

@media screen and (min-width: 992px) and (max-width: 1024px) {

	.form-upt .custom-col-01							{max-width: 8.5em;}
	.form-upt .custom-col-03							{max-width: 22em;}
	.form-upt .custom-col-date .form-text				{margin-top: 0; margin-left: .25em;}
	
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	
	.form-upt .custom-row-year > .col > .row			{min-height: 6em;}
	
	.form-upt .custom-col-01							{max-width: 4em;}
	.form-upt .custom-col-02							{max-width: 12em;}
	.form-upt .custom-col-03							{max-width: 17.5em;}	
	
	.form-upt .custom-col-year p						{white-space: nowrap; transform: translate(.5em, 1.5em) rotate(-90deg); font-size: 90%;}
	
	.form-upt .custom-col-date .custom-adjustment .custom-field-wrapper .custom-reload-animation {width: 100%;}
	
	.form-upt .custom-col-date input[type="date"]		{width: 100%;}
	.form-upt .custom-col-date .form-text				{width: 100%;}
	.form-upt .custom-col-date .form-text .custom-text 	{display: inline-block;}
	
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	
	.WrapUpt .Content h3								{margin-top: 1em;}
	
	.form-upt label,
	.form-upt input, 
	.form-upt select									{font-size: 15px;}
	
	.form-upt .custom-col-date .form-text .custom-text .custom-wrap {padding-right: .25em;}
	
	.form-upt .custom-col-treatments .custom-btn		{font-size: 13px;}

	.form-upt .custom-icon-size 						{transform: translate(.1em, -.1em) scale(1.2);}
	
	.form-upt .custom-btn-row a							{font-size: 122% !important;}	
	
}


@media screen and (max-width: 767px) {
	
	.form-upt input,
	.form-upt select,
	.form-upt label.form-check-label					{font-weight: 400;}
	
	.form-upt .custom-col-01							{max-width: 3em;}
	.form-upt .custom-col-02							{max-width: 10em;}
	.form-upt .custom-col-03							{}
	
	.form-upt .custom-row-basics .custom-col-02	 		{max-width: 13em;}
	.form-upt .custom-row-basics .custom-col-03	 		{max-width: 14.125em; min-width: 14.125em;}
		
	.form-upt .custom-col-year p						{display: block; white-space: nowrap; transform: translate(.5em, 1.5em) rotate(-90deg); font-weight: 400;}
	
	.form-upt .custom-col-date .form-text .custom-text .custom-wrap {padding-right: .815em;}
	
	.form-upt .custom-col-date .custom-adjustment .custom-field-wrapper .custom-reload-animation {width: 100%;}
	
	.form-upt .custom-col-treatments					{padding-top: .875em !important;}
	.form-upt .custom-col-treatments .custom-btn		{font-size: 13px;}
	.form-upt .custom-row-year .custom-col-wrapper .col {min-height: 6.5em;}

	.form-upt .custom-icon-size 						{transform: translate(.1em, -.05em) scale(1.2);}
	
	.form-upt .custom-btn-row a							{font-size: 125% !important;}	
	
}

@media screen and (max-width: 630px) {
	
	.form-upt label.form-check-label					{line-height: 1.3;}
	.form-upt .form-check-input							{margin-top: 0;}
	
	.form-upt .custom-row-basics						{flex-direction: column !important;}
	.form-upt .custom-row-basics .col					{margin: 0; max-width: 100% !important; width: 100% !important; padding-left: 25px; padding-right: 25px;}
	
	.form-upt .custom-row-patient						{flex-direction: column !important;}
	.form-upt .custom-row-patient .col					{margin: 0; max-width: 100% !important; width: 100% !important; padding-left: 25px; padding-right: 25px;}
	
	.form-upt .custom-row-year .custom-col-wrapper .row	{flex-direction: column !important;}
	.form-upt .custom-row-year .custom-col-wrapper .col	{margin: 0; max-width: 100% !important; width: 100% !important; padding-left: 25px; padding-right: 15px; min-height: auto;}
	
	.form-upt .custom-col-date							{padding-top: 0 !important;}
	.form-upt .custom-col-date input[type="date"]		{margin-right: .75em;}
	.form-upt .custom-col-date .custom-adjustment .custom-field-wrapper .custom-reload-animation {width: calc(100% - .75em);}
	
	.form-upt .custom-col-date .form-text				{margin-top: 0;}
	
	.form-upt .custom-tooltip-icon-info					{transform: scale(1.15) translateY(-2px);}
	.form-upt .custom-col-date .custom-tooltip-icon-info{left: .35em; top: .95em;}
	
	.form-upt .custom-row-patient .custom-col-02		{padding-top: 1.5em; padding-bottom: 0;}
	.form-upt .custom-row-patient .custom-col-03		{padding-top: 0; padding-bottom: 0;}
	
	.form-upt .custom-col-treatments					{padding-top: .25em !important;}

	.form-upt .custom-icon-size 						{transform: translate(.1em, -.05em) scale(1.325);}

	.form-upt .custom-btn-row							{padding-top: 1.5em;}
	
}


/* ************************************************************************************
* UPT Terminrechner CSS Ergänzungen zu neuer Regelung 07.2055
************************************************************************************ */

@media screen and (min-width: 1025px) and (max-width: 1300px) {
	
	.form-upt .custom-row-year-01 .custom-col-year p 	{transform: translate(-4.15em, -.75em) rotate(-89.95deg);}
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
	
	.form-upt .custom-row-year-01 .custom-col-year p 	{transform: translate(-4.6em, -.75em) rotate(-89.95deg);}
}


@media screen and (max-width: 991px) {
	
	.form-upt .custom-row-year-01 .custom-col-year 		{background-image: none;}
	.form-upt .custom-row-year-01 .custom-col-year p 	{transform: translate(-6.6em, 0) rotate(-90deg);}
	
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	
	.form-upt .custom-row-year-01 .custom-col-year p 	{transform: translate(-6.4em, 0) rotate(-90deg);}
}

@media screen and (max-width: 630px) {
	
	.form-upt .custom-row-year-01 .custom-col-year p span {display: inline-block !important;}
	
}

