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

/****************************************************************************************
* Alle ab 100px
*****************************************************************************************/

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

	.ElementToggled										{display: block !important;}
	
}

/****************************************************************************************
* 
*****************************************************************************************/

@media screen and (max-width: 1600px) {
	
	.RowBemaGoz  										{background-position: 120% top;}
	.RowEbmGoae  										{background-position: 125% top;}
	.RowJuradent  										{background-position: 125% top;}
	
}

/****************************************************************************************
* 1025px - 1400px
*****************************************************************************************/

@media screen and (min-width: 1025px) and (max-width: 1400px) {

	.LightboxGallery .Wrap								{height: 615px;}
	.LightboxGallery .Wrap .Img							{margin-top: 4.5em;}
	.LightboxGallery .Wrap .Img img						{max-height: 450px;}
		
	.RowJuradent .ButtonLink							{margin-top: 1.65em;}	
	
}

/****************************************************************************************
* 1025px - 1300px
*****************************************************************************************/

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

	.RowBemaGoz .Width75,	
	.RowEbmGoae .Width75,	
	.RowJuradent .Width75 								{width: 55% !important;}	
	
}

/****************************************************************************************
* 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.35em; width: 14.5em;}
	.NavBar nav											{left: 22em; transform: translateX(0);}
	.NavBar nav li a 									{font-size: 90%;}
	#FixNavBar .NavBar nav								{top: 0.65em;}
	
	.Slider,
	.Slider .Slide										{height: 530px;}	
	.Slider p.Title 									{margin-top: 1.6em;}
	.Slider .Link										{display: none !important;}
	
	.LightboxFeedback .Wrap 							{max-width: 550px;}
	.LightboxGallery .Wrap								{height: 600px;}
	.LightboxGallery .Wrap .Img img						{max-height: 460px;}
	
	.FieldRadio input[type="radio"],
	.FieldCheckbox input[type="checkbox"] 				{height: 1.25em !important; width: 1.25em !important;}		
	
	.ContentQuotes 										{padding-top: 4.5em !important;}	
	.ContentProducts .Container .UpdatesTop p 			{margin-top: 1em; font-size: 120%;}	
	.ContentShopIntro .LinkBox 							{min-height: 33em;}	

	.RowBemaGoz  										{background-position: 110% top;}
	.RowEbmGoae  										{background-position: 115% top;}
	.RowJuradent  										{background-position: 115% top;}
	.RowBemaGoz .Width75,	
	.RowEbmGoae .Width75,	
	.RowJuradent .Width75 								{width: 75% !important;}	
	
	.RowJuradent .Video 								{width: 473px; height: 266px;}
		
}

/****************************************************************************************
* Tablet Landscape
*****************************************************************************************/

@media screen and (min-width: 601px) and (max-width: 1024px) and (orientation: landscape) {

	.Slider .Link										{display: none;}
	
}

/****************************************************************************************
* Tablet Portrait
*****************************************************************************************/

@media screen and (min-width : 768px) and (max-width : 800px) {
	.RowBemaGoz  										{background-position: 130% top;}
	.RowEbmGoae  										{background-position: 130% top;}
	.RowJuradent  										{background-position: 140% top;}

}



/****************************************************************************************
* 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.ButtonBack: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.75em;}
	.Search,
	.Warenkorb,
	#FixNavBar .Warenkorb								{right: 1.75em;}
	#FixNavBar .NavBarSection li 						{padding: 1em 0 1em 0; margin-right: 4em;}	
	
	#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: 25%; /* left: 24%; -> bei 4 Navpkten */}
	#FixNavBar .Logo 									{top: 0.925em;}
	#FixNavBar .Logo img								{width: 10.75em;}	
	#FixNavBar .Warenkorb 								{top: 0.85em;}
			
	header .Logo										{top: 1.6em; width: 11.15em;}	

	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: 33%; /* left: 26.5%; -> bei 4 Navpkten */}
	.NavBar nav li a 									{margin-right: 0; font-size: 90%; margin: 0 1em 0 1em; /* margin: 0 0.15em 0 0.15em; -> bei 4 Navpkten */ padding: 0.9em 0.75em 0.9em 0.75em;}
	.NavBarSection li 									{margin-right: 4em;}
	
	.NavBarSection li a									{font-size: 110%;}
	
	.Warenkorb											{top: 2.65em;}		
	.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;}
	
	.Slider .Container a.Button							{margin-top: 1.75em;}
	
	.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,
	.Content div.Width80								{width: 100% !important;}
	
	.Content .AnchorMenue a 							{float: left; width: 22%;}
	.Content .Container									{padding: 1.25em 2em 2em 2em;}
	.Content .ColumnBorder 								{padding: 1.65em 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;}
	
	.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 .ColumnPic									{padding: 1.25em;}
	.RowColor01 .ContentQuotes							{padding-top: 4.5em; background-size: 4em auto;}
	
	.RowBemaGoz .Width75,	
	.RowEbmGoae .Width75,	
	.RowJuradent .Width75 								{width: 75% !important;}	
	.RowBemaGoz .Content .TextLarge,	
	.RowEbmGoae .Content .TextLarge,	
	.RowJuradent .Content .TextLarge 					{font-size: 130%; font-weight: 400;}		
	.RowJuradent .Video 								{width: 340px; height: 191px;}
	.RowJuradent .Content h2, .RowJuradent .Content .TitleL	 {font-size: 220%;}
	
	.ContentShopIntro .LinkBox 							{min-height: 40em;}
	.ContentProducts .ShopSubNav a 						{width: 36%;}
	.ContentProducts .ShopSubNav a:after 				{content:'';}
	.ContentProducts .ShopSubNav a:before 				{content:'• '; color: #000;}
	.ContentProducts .ShopSubNav a span 				{margin-left: 0.35em;}
	.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%;}
	.ContentCatalog div.Width80							{width: 90% !important;}
	
	.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 input[type="text"]					{height: 2.5em; font-size: 100%;}
	.ProductMenue button[type="submit"]					{height: 2.5em; font-size: 100%}
	.ProductMenue .Quantity input[type="text"]			{width: 3em;}
	.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;}

	.Slider,
	.Slider .Slide										{height: 380px; font-size: 100%;}	
	.Slider .Container a.Button							{font-size: 100%}
	.Slider p.Title 									{margin-top: 1.05em; font-size: 360%;}
	.Slider p.SubTitle 									{margin-top: 0; font-size: 350%;}
	.Slider .Link										{display: none !important;}
	.Slider .WrapSliderNav								{bottom: 10%;}
	
	.Lightbox .Wrap 									{overflow: visible;}
	.Lightbox .Wrap p	 								{font-size: 110%;}
	.LightboxFeedback .Wrap 							{width: 80%}
	.LightboxFeedback .Wrap .ButtonRow .Button			{font-size: 110%;}
	.LightboxFeedback .ContainerUpdate					{font-size: 120%;}	
	.LightboxGallery .Wrap								{height: 780px; overflow: visible;}
	.LightboxGallery .Wrap .Img 						{margin-top: 8em;}
	.LightboxGallery .Wrap .Img img						{max-height: 580px;}

	footer .FooterNav a									{font-size: 85%;}
	footer .FooterNav ul.Col03							{right: 34%;}
	
}


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

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

	.NavBar nav										{left: 18em; 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  ------------------------------------------------------------ */
	
	.Slider												{margin-top: 65px;}
	.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.Width10,
	.Content div.Width20,								
	.Content div.Width33,	
	.Content div.Width50,								
	.Content div.Width66,
	.Content div.Width75,
	.Content div.Width80,
	.Content div.Width90								{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: 7px; left: 7px; width: 50px; height: 50px; 
														 background: url("/img/m_logo.png") no-repeat left top; background-size: auto 50px; 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: #0275bb 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: #0cb396 url("../img/m_button_wk.png") no-repeat center center; background-size: 26px auto;
														 color: #0cb396; 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: #0275bb; 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: #0cb396; 
														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: 1.55em 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;}
	
	/* Content: Module ------------------------------------------------------------- */	
	.Content .PageNav	 								{width: 100%; float: none;}
	.Content .PageNav p 								{float: none; width: 80%;}
	.Content .PageNav .LinkBack 						{margin-right: 0.25em; float: left;}
	.Content .PageNav .LinkNext 						{margin-left: 0.25em; float: right;}
	
	.Content .PageNavTop 								{margin: 1.5em 0 -0.75em 0;}
	.Content .PageNavBottom 							{margin: 1em 0 0.5em 0;}	
	
	.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;}
	
	.RowBemaGoz,	
	.RowEbmGoae,	
	.RowJuradent 										{background-image: none;} 		
	.RowBemaGoz .Content,	
	.RowEbmGoae .Content,	
	.RowJuradent .Content 								{padding-top: 2em; padding-bottom: 2em;}	
	.RowBemaGoz .Content .TextLarge,	
	.RowEbmGoae .Content .TextLarge,	
	.RowJuradent .Content .TextLarge 					{font-size: 110%; margin-bottom: 2em;}									
	.RowBemaGoz .Width75,	
	.RowEbmGoae .Width75,	
	.RowJuradent .Width75 								{width: 100% !important;}	
	.RowJuradent .ColumnPic 							{text-align: center;}
	.RowJuradent .Video 								{width: 300px; height: 169px; margin: 0px auto !important;}
	
	/* 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;}
	
	/* Slider  -------------------------------------------------------------------------- */
	
	.Slider,
	.Slider .Slide										{height: 280px;}		
	.Slider .Link										{display: none !important;}
	.Slider p.Title										{margin-top: 1em; font-size: 200%;}
	.Slider p.SubTitle									{font-size: 200%;}
	.Slider .Container p.Text							{padding: 0.75em 0 0.75em 0; font-size: 90%; font-weight: 400;}	
	.Slider .Container a.Button							{font-size: 70%; margin-top: 1.75em;}	
	.Slider .WrapSliderNav								{bottom: 1em;}	
	
	/* Lightbox--------------------------------------------------------------------------*/	
	
	.Lightbox .Wrap .LinkNext							{right: 0.5em;}
	.Lightbox .Wrap .LinkBack							{left: 0.5em;}
	.Lightbox .Wrap .Img								{width: 75%;}
	.Lightbox .Wrap .Close 								{right: -1em;}
	.LightboxGallery									{top: 3em;}
	.LightboxGallery .Wrap .Link						{width: 2em; height: 2em;}
	.LightboxGallery .Wrap .Link a:hover 				{filter: alpha(opacity = 40);
														-ms-filter: "alpha(opacity = 40)";
														 opacity: .40;}
	
	.LightboxFeedback 									{top: 8em; position: absolute;}	
	.LightboxFeedback .Wrap .ButtonRow .Button 			{float: none; width: 100%; margin: 1em auto 1em auto !important;}
	.LightboxGallery .Wrap								{height: 450px;}
	.LightboxGallery .Wrap .Img 						{margin-top: 8em;}
	.LightboxGallery .Wrap .Img img						{max-height: 240px;}
	.LightboxGallery .Wrap .Text .player_title			{top: 10%;}
	
	
	/*************************************************************************************
	+   +   +   +   +   +   +   +   +   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: 8em;}
					 
	/* 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 .ShopSubNav a 						{float: left; clear: left;}
	.ContentProducts .ShopSubNav a:after 				{content:'';}
	.ContentProducts .ShopSubNav a:before 				{content:'• '; color: #000;}
	.ContentProducts .ShopSubNav a span 				{margin-left: 0.35em;}
	.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;}	
	
	.ContentDirectOrder .ProductMenue .Column .Field	{margin-bottom: 0;}	
	.ContentDirectOrder .ProductMenue .Width10 			{float: left !important; width: 28% !important;  margin-right: 0;}
	.ContentDirectOrder .ProductMenue .Width20 			{float: left !important; width: 68% !important;}
	.ContentDirectOrder .ProductMenue .WidthText		{float: left !important; width: 60% !important;}
	.ContentDirectOrder .ProductMenue .Check,
	.ContentDirectOrder .ProductMenue .Button label 	{display: none;}	
	
	/* 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 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%}
	

}


/****************************************************************************************
* Phone: max 736px Landscape
*****************************************************************************************/


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

	.Slider .WrapSliderNav								{display: none;}
	
}


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

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

	body 												{max-width: 540px;}			

	
	/* Content: Title, Text, Lists ------------------------------------------------ */
	
	/* Content: Module ------------------------------------------------------------- */	
	
	.Content .PageNav p 								{float: none; width: 70%; font-size: 90%;}
	
	.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;}
	
	/* Lightbox ----------------------------------------------------------------------- */
	
	.LightboxGallery .Wrap								{height: 450px;}
	.LightboxGallery .Wrap .Img img						{max-height: 260px;}
	.LightboxFeedback .Wrap 							{width: 90%; padding-left: 1em; padding-right: 1em;}
	.LightboxFeedback .ContainerUpdate .ButtonLink 		{width: auto;}	
	
	.ContentApp div.FloatLeft							{padding-top: 0em;}
	.ContentApp p.FloatLeft								{clear: both; float: none; width: 100%;}
	.IconDownloadAppstore,
	.IconDownloadGooglePlay		 						{width: 135px; margin: 0 4% 0 0;}
	
	/* Slider ----------------------------------------------------------------------- */
	
	.Slider img 										{left: -75%;}
	
	/* 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: 20.5em; min-height: 100px;}
	.ContentCart .ProductMenue .Quantity				{float: right; margin: 1em -0.75em 0.5em 0;}
	.ContentCart .ProductMenue .PriceItem				{clear: both;}
	
	.ButtonRowOrder label 								{width: 85%;}	
}		



/****************************************************************************************
* iPhone6+/plump Portrait: 414px
*****************************************************************************************/

@media only screen and (min-width: 414px) and (max-width: 414px) and (orientation: portrait) { 
    
 	.Slider .Container p.Text							{font-size: 80%;}
	
}	


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

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

	body 												{font-size: 14px;}	

	.Slider .Container a.Button							{font-size: 75%; overflow: hidden;}	
	.Slider p.Title										{font-size: 200%;}
	.Slider p.SubTitle									{font-size: 200%;}
	
	.ProductMenue										{padding-top: 0;}
	.ProductMenue .Price								{margin-top: 0.3em;}
	.ProductMenue .Quantity button						{clear: both; float: left; margin-top: 5%;}
		
	.ContentProducts .ContainerDetails .Thumbnails a 	{}
		
}


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

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

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

}