/* ### RESPONSIVE ################################################## */


@media screen and (min-width: 768px){ 
	
	#MobileNav,
	#MobileMenue,
	#MobileSearch	{
		display: none;
	}

}

@media screen and (min-width: 768px) and (max-width: 1280px){ 
	
	html {font-size: 1.222vw;}
	
	#Content .News .Product {width: 38em;}

}

/* ++++++++++++++++++++++++++++++++++ M devices (bis 1300px) ++++++++++++++++++++++++++++++++++ */

@media screen and (min-width: 993px) and (max-width: 1300px){ 
	
	#Header #Logo {
		left: 1.75em;
	}
	
	#Header #LogoVerlagspreis {
		left: 12.5em;
	}
	
	#Header #Navigation {
		margin-left: 9em;
	}	
	
	#Wrap {
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	}	
	
	#WrapContent,
	#WrapSlider {
		margin-left: 0;
	}

	#Footer {
		padding-left: 1.75em; padding-bottom: 0;
	}
	

	
}


/* ++++++++++++++++++++++++++++++++++ SM + M devices (bis 992px) ++++++++++++++++++++++++++++++++++ */

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

	
	body {
		padding-bottom: 0;
	}
	
	#Header #LogoVerlagspreis {
		left: auto;
		right: 7.625rem;
		bottom: auto;
		top: 1rem;
		width: 9rem;
	}

	
	#Wrap {
		box-shadow:none; -webkit-box-shadow: none; -moz-box-shadow: none;
	}

	#Content .Home .Subline p,
	#Content .Home .Description p.Text	{
		font-size: 100%;
	}
	
	#Content .Home .RowBooks  {
		flex-direction: column;
	}
	
	#Content .Home .RowBooks .Card {
		width: 100%; padding-left: 0 !important; padding-right: 0 !important;
	}
	
	#Content .Home .RowBooks .Card .Product {
		margin-top: 1rem;
	}
		
	#Content .Home .RowBooks .Card .Subline {
		min-height: auto; margin-bottom: .75rem;
	}
	
	#Content .Home .Description {
		min-height: auto;
	}
		
	#Content .Home .RowBooks .Card .Price,
	#Content .Home .RowBooks .Card .Amount, 
	#Content .Home .RowBooks .Card .AmountField {
		font-size: 100%;	
	}
		
	#Content .Home .RowBooks .Card:nth-child(1),
	#Content .Home .RowBooks .Card:nth-child(2)	{
		padding-right: 0;
		padding-left: 0;
	}
	
	#Content .Home .RowBooks:nth-last-child(2) .Card:nth-child(1) .Product {
		border-bottom: none; padding-bottom: 0;
	}
	
	#Content .Home .RowBooks .Card .Product div {
		display: flex; justify-content: right; margin-top: 0; width: auto; padding-right: 1em;
	}
	
	#Content .Home .RowBooks .Card .Price {
		width: auto; padding-left: 0; padding-right: 30px;
	}
	
	#Content .Home .ButtonsBottom.ButtonsHome {
		margin-top: 3rem; margin-bottom: 2rem;
	}
	
	#Content .News .Product {
		margin-right: 2em;
		width: calc(100% - 4em);
	}
	
	#Content .News .Product > div {
		float: right;
		padding-right: 1em;
	}
	
	
	/* Sidebar */
	
	#Sidebar div.Termine h3 {
		font-size: 1rem;
	}
	
	
	/* Programm */
	
	#Content div.Book {
		padding-bottom: 4.5rem;
	}
	
	#Content div.Book div.Left {
		width: 100%;
	}
	
	#Content div.Book div.Left .Pic {
		width: 10rem; 
	}
	
	#Content div.Book div.Left p.Author,
	#Content div.Book div.Left p.Title,
	#Content div.Book div.Left p.Subtitle,
	#Content div.Book div.Left p.Desc {
		margin-left: 12rem;
	}
	
	#Content div.Book div.Right {
		width: calc(100% - 12rem); margin-top: 2rem;
	}
	
	#Content div.Book .Card {
		width: calc(100% - 12rem); margin-top: 2rem;
	}
	
	#Content .ProductInfo {
		margin-right: 2em;
	}
	
	/* Content Pages */
	
	#Content .LinieDotted.LinieMarginRight {
		margin-right: 0;
	}
	
	#Content p.BackTop {
		margin-right: 1em;
	}
	
	#Content p.Top {
		margin-right: 0 !important;
	}
	
		
	#Content div.VideoPlayer {
		width: 100%;
	}
	
	
}



/* ++++++++++++++++++++++++++++++++++ M devices (Tablet Portrait) ++++++++++++++++++++++++++++++++++ */

@media screen and (min-width: 767px) and (max-width: 992px){ 
	
	html {
		font-size: 14px;
	}
	
	#Wrap {
		box-shadow:none; -webkit-box-shadow: none; -moz-box-shadow: none;
	}
	
	#Header {
		height: 9em;
	}
	
	#Header #Logo {
		left: 1em; width: 6.425em;
	}
	
	#Header #Search {
		top: 5.25em; width: 15.5em;
	}
	
	#Header #HeaderCart {
		transform: scale(1.2);
	}	
		
	#Header #HeaderCart:hover {
		transform: scale(1.2) !important;
	}
	
	#Header #MetaNavigation {
		display: none;
	}
	
	#Header #Navigation {
		margin-left: 6em; margin-top: 1.25em;
	}
	
	#Header #Navigation > ul {
		width: 400px;
	}
	
	#Header #Navigation > ul li {
		width: 40%; float: left;
	}
	
	#Header #Navigation ul li a.Main {
		line-height: 1.75; display: inline-block;
	}
	
	#Header #Navigation ul li ul {
		top: 1.95em;
	}
	
	#WrapSlider,
	#WrapContent {
		margin-left: 0;
	}
	
	#Footer	{
		padding-left: 1.25em;
	}

	
	/* Slider */
	
	.Slider {
		height: 25em;
	}
	
	.Slider .Item {
		height: 25em; background-position: -20% 70%;
	}
	
	.Slider .Item .Pic {
		width: 230px; padding-top: 0; padding-left: 0; transform: translate(0, -2em) scale(.75);
	}
	
	.Slider .Item .Pic a {
		transform: translateX(-1em) scale(.85);
	}
	
	.Slider .Item .Text {
		padding-top: 3em; padding-right: 0; font-size: 90%;
	}
	
	.Slider h2 {
		font-size: 200%;
	}
	
	.Slider .Subline {
		font-size: 125%; margin-bottom: 1.25rem;
	}
	
	.Slider .slick-arrow {
		display: none !important;
	}
	
	
	/* Neuerscheinungen */
	
	#Content .Home .Headline h2 {
		font-size: 125%;
	}
	
	#Content .Home .Author p {
		margin-bottom: 1rem;
	}
	
		
	/* News */
	
	
	#Content .News .NewsContent .NewsImg img {
		width: 13.25em;
	}
	
	#Content .News .NewsContent h2 {
		font-size: 170%; margin-bottom: .625rem;
	}
	
	#Content .News .NewsContent h3 {
		font-size: 125%;
	}

	
	/* Content Pages */
	
	#Content h1 {
		font-size: 200%; line-height: 1.5; margin-bottom: 1.5rem;
	}
	
	#Content h2, #Content .h2 {
		font-size: 150%;
	}
	
	#Content .Maintext {
		padding-right: 2em;
	}
	
	#Content .LinieDotted {
		margin-right: 1.5em;
	}
	
	#Content .Authors {
		padding-right: 1em;
	}
	
	#Content .News.NewsArchive .NewsContent h2 {
		font-size: 170%;
	}
	
	#Content .News.NewsArchive .NewsContent h3 {
		font-size: 125%;
	}
	
	/* Warenkorb */
	
	.TableCart {}
	
	.TableCart td {
		display: block; 
	}
	
	.TableCart tr:first-of-type td {
		 border-bottom: none; padding-bottom: .5rem;
	}
	
	.TableCart .TdPic {
		width: 100px !important;  float: left; height: 10em; border-right: none;
	}

	.TableCart .TdMeta {
		width: calc(100% - 100px) !important; float: left; height: 10em; border-top: none; border-right: none;
	}
	
	.TableCart .TdAmount {
		clear: both;
	}
	
	.TableCart .TdAmount,
	.TableCart .TdPrice,
	.TableCart .TdSubtotal {
		float: left; width: 33.3333% !important; height: 6em; border-bottom: none;
	}

}

/* ++++++++++++++++++++++++++++++++++ SM devices (bis 768px) ++++++++++++++++++++++++++++++++++ */

@media screen and (max-width: 767px){ 
	
	html {
		font-size: 16px;
	}

	#Header {
		height: 56px; padding: 0; position: fixed; z-index: 1; background: #fff; 
		-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.15); -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.15); box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);
	}
	
	#Header #LogoVerlagspreis {
		right: 6.5rem;
		bottom: auto;
		top: 10px;
		width: 6.65rem;
	}
	
	#WrapSlider {
		margin: 56px 0 -2.5em 0;
	}
	
	#WrapContent {
		margin-left: 0; margin-right: 0; padding-top: 56px !important;
	}
	
	#WrapContent {
		flex-direction: column; padding: 0;
	}
	
	#Content {
		padding: 1.25em; margin: 0; width: 100%;
	}
	
	#Sidebar {
		padding: 1.25em 12vw; margin: 0; width: 100%;
	}
	
	#Sidebar > div:last-of-type {
		border-bottom: none;
	}
	
	/* Mobile Menue */
	
	#MobileMenue .MobileButton {
		display: block; position: absolute;	top: 7px; width: 44px; height: 42px;}
	
	#MobileMenue .MobileButton a {
		display: block; width: 100%; height: 100%;
	}
	
	#MobileMenue .MobileButton span {
		display: none;
	}
	
	#MobileMenue .MobileButton span {
		display: none;
	}
	
	#MobileMenue .MobileButtonNav {
		left: 6px; background: url(/img/bars-solid.svg) center center no-repeat; background-size: 30px 26px;
	}
	
	#MobileMenue .MobileButtonSearch {
		left: 50px; background: url(/img/magnifying-glass-solid.svg) center center no-repeat; background-size: 22px auto;		
	}
	
	#DimMobile {
	  left: 0px;
	  top: 0px;
	  height: auto !important;	  
	  overflow: hidden !important;
	  width: 100%;
	  margin: auto;
	  min-height: 100%;
	  background-color: rgba(0,0,0, 0.4);
	  backdrop-filter: blur(6px);
	  position: fixed;
	  z-index: 1;
	}
	
	
	/* Mobile Nav */
	
	.MobileClose {
		display: block; position: fixed; top: 0; left: 0; width: 100%; height: 56px; z-index: 2000; background: #fff;
	}
	
	.MobileClose a {
		display: block; position: absolute;	top: 7px; width: 44px; height: 42px; left: 6px; background: url(/img/xmark-solid.svg) center center no-repeat; background-size: 22px auto;
	}
	
	#MobileNav {
		position: fixed; left: 0; top: 0; width: 100%; max-width: 320px; height: 100%; z-index: 1000; background: #fff;
	}
	
	#MobileNav ul {
		position: absolute; top: 56px; left: 0; margin: 0; width: 100%; height: 100%; background: #fff; overflow: auto; text-align: left; -webkit-overflow-scrolling: touch;
	}
	
	#MobileNav ul li {
		border-bottom: 2px dotted #cad0e7; background: #f2f4fb; font-weight: 600; font-size: 17px;}
	
	#MobileNav ul li.active {
		background-color: #e1e4f0;
	}
	
		
	#MobileNav ul li.active > a {
		font-weight: 700;
	}
	
	#MobileNav ul li a {
		display: block; padding: .75rem 1rem .75rem 1rem; text-decoration: none; color: #36529a;
	}
	
	#MobileNav ul li ul {
		position: static; margin-top: -4px; margin-bottom: 1em;
	}
	
	#MobileNav ul li ul li {
		text-transform: none; border-bottom: none; padding-left: 2rem;
	}
	
	#MobileNav ul li.active ul li {
		background-color: #e1e4f0;
	}
	
	#MobileNav ul li ul li a {
		font-size: 15px; font-weight: 400; padding: 0.3rem; background-image: none;
	}
	
	#MobileNav ul li.active ul li.active a {
		font-weight: 700;
	}
	
	#MobileNav ul .Wk {
		margin-top: 15px; padding: 0; border: none; background: #fff; font-weight: 400; 
	}
	
	#MobileNav ul .Meta {
		 border: none; padding: 0; background: #fff; font-weight: 400;
	}
	
	#MobileNav ul .Wk a,
	#MobileNav ul .Meta a {
		padding-top: 5px; padding-bottom: 5px; font-size: 15px; color: #a6a6a6;
	}
	
	#MobileNav ul .Address {
		padding-left: 1rem; padding-top: 30px; font-size: 15px; font-weight: 400; background-color: #fff; border: none;
	}
	
	#MobileNav ul .Address a {
		padding: 0; display: inline-block;
	}
	
	#MobileNav ul .Address a.Email {
		line-height: 2.5;
	}
	
	#MobileNav ul .Address span {
		padding: 0; 
	}
	
	#MobileNav ul .Address a span {
		text-decoration: none !important;
	}
	
	
	#MobileNav ul li.EndList {
		border-bottom: none; background-color: #fff; height: 120px;
	}
	
	
	/* Navigation */
	
	#Header #Navigation,
	#Header #MetaNavigation {
		display: none;
	}
	

	/* Logo */
	
	#Header #Logo {
		height: 54px; width: 52px; top: 1px; left: 0; right: 0; margin: auto;
	}
	
	
	/* Search */
	
	#Header #Search {
		display: none;
	}
	
	#MobileSearch {
		position: fixed;
		top: 56px;
		right: 0;
		padding: 15px;
		width: 100%;
		height: 90px;
		background: #fff;
		z-index: 200;
		overflow: visible;
		-webkit-box-shadow: 0 0 30px -15px rgba(0,0,0,0.95);
		-moz-box-shadow: 0 0 30px -15px rgba(0,0,0,0.95);
		box-shadow: 0 0 30px -15px rgba(0,0,0,0.95);
	}
	
	#MobileSearch input[type="text"] {
		font-size: 20px;
	}
	
	#MobileSearch .WrapSearch {
		position: relative;
	}
	
	#MobileSearch .WrapSearch .SearchButton input:hover {
	 transform: scale(1);
	}
	
	#MobileSearch .WrapSearch .SearchButton {
		top: 0; width: 42px; height: auto;
	}
	
	#MobileSearch  .WrapSearch .SearchButton input {
		padding-top: 10px;
		width: 36px;
		height:auto;
	}
	
	
	/* Cart */
	
	#Header #HeaderCart {
		top: 13px; right: 10px; transform: scale(1);
	}
			
	#Header #HeaderCart:hover {
		transform: scale(1) !important;
	}
	
	
	/* Anchor Nav */

	.AnchorAim .Anchor {
		position: absolute;
		top: -3em;
	}
	
	
	/* Slider */
	
	.Slider {
		height: 24em;
	}

	.Slider .slick-list {
		top: 0; width: 100%; height: 24em;
	}
	
	
	.Slider .Item  {
		 background-size: 400px auto; background-position: -2vw 50%;
	}
	
	.Slider .Item .Pic {
		width: 230px; padding-top: 0; padding-left: 0; transform: translate(-1.5em, -4em) scale(.6);
	}
	
	.Slider .Item .Text {
		padding-top: 2em; padding-left: 1vw; padding-right: 1.5em;
	}
	
	.Slider h2 {
		font-size: 130%; font-weight: 700; line-height: 1.5; margin-right: 0;  margin-bottom: .25rem;
	}
	
	.Slider .Subline {
		font-size: 100%; margin-bottom: 1rem;
	}
	
	.Slider .Author {
		font-size: 90%;
	}
	
		
	.Slider .ButtonXL {
		font-size: 110%;
	}
	
	 .Slider .slick-dots {
		font-size: 80%;
	}

	
	.Slider .slick-arrow {
		display: none !important;
	}
	
	
	/* News */
	
	#Content .News {
		margin-bottom: 0; margin-left: 0; margin-right: 0;
	}

	#Content .News .NewsContent .NewsImg {
		margin-left: auto; margin-right: auto; margin-bottom: 2em;
	}
	
	#Content .News .NewsContent h2 {
		font-size: 160%;
	}
	
	#Content .News .NewsContent h3 {
		 font-size: 125%; margin-bottom: 1.25rem;
	}
	
	.NewsContent .Flex {
		flex-direction: column;
	}
	
	#Content .News.NewsArchive .NewsContent h2 {
		font-size: 160%; margin-bottom: .5rem;
	}
	
	#Content .News.NewsArchive .NewsContent h3 {
		font-size: 125%;
	}
	

	/* Neuerscheinungen */

	#Content h1.Home {
		margin-top: 1rem; float: none; text-align: center; font-size: 200%; line-height: 1.5;
	}
	
	#Content .ButtonsHome {
		text-align: center; margin-top: 1.5rem; margin-bottom: 0;
	}
	
	#Content .Home .Card {
		margin-top: 0;
	}
	
	#Content .Home .Headline h2 {
		font-size: 125%; margin-bottom: .375rem;
	}
	
	#Content .Buttons a:first-of-type {
	  margin-right: auto; margin-left: auto;
	}
	
	#Content .Home .ButtonsBottom.ButtonsHome {
		margin-top: 3rem; margin-bottom: 0;
	}
	
	
	/* Sidebar */
	
	#Sidebar {
		padding: 1.5em 0 0 0;
	}
	
	#Sidebar h2 {
		margin-top: 0; font-size: 1.675rem;
	}
	
	#Sidebar .Cart {
		display: none;
	}
	
	#Sidebar > div {
		margin: 1.25em 12vw; padding-top: 0;
	}
	
	#Sidebar .SpecialResponsive {
		display: none;
	}
	
	
	/* Content Pages */
	
	#Content {
		padding-bottom: 4em;
	}
	
	#Content p.Top {
		margin-top: 2em;
	}
	
	#Content h1,
	#Content h2, #Content .h2,
	#Content h3, #Content .h3 {
		margin-right: 0;
	}
	
	#Content h1 {
		font-size: 180%; line-height: 1.5; margin-bottom: 1.5rem;
	}
	
	#Content h2, #Content .h2 {
		font-size: 130%;
	}
	
	#Content .Home .Author p {
		font-size: 95%;
	}

	#Content .Maintext {
		padding-right: 0;
	}
	
	#Content .Pics {
		margin-right: 0;
	}
		
	#Content .Pics.FloatLeft {
		margin-right: 1.5rem;
	}
			
	#Content div.Books {
		width: 100%; padding-top: .5em;
	}
	
	#Content div.Book div.Left p.Title {
		font-size: 125%;
	}
	
	#Content div.Books ul li {
		width: calc(33% - 3px);
	}
	
	#Content div.Book {
		margin-top: 2.75rem; font-size: 100%;
	}
	
	#Content div.Book div.Right {
		font-size: 87%;
	}
	
	#Content div.Book div.Left {
		padding-right: 0;
	}
	
	#Content .Authors {
		padding-right: 0;
	}
	
	#Content .Authors ul.Nav {
		margin-top: 0;
	}
	
	#Content div.GoogleMaps {
		margin-right: 0;
	}

	/* Warenkorb */	
	
	.TableCart {}
	
	.TableCart td {
		display: block; 
	}
	
	.TableCart tr:first-of-type td {
		 border-bottom: none; padding-bottom: .5rem;
	}
	
	.TableCart .TdPic {
		width: 100px !important;  float: left; height: 10em; border-right: none;
	}

	.TableCart .TdMeta {
		width: calc(100% - 100px) !important; float: left; height: 10em; border-top: none; border-right: none; 	padding-left: 1rem;
	}
	
	.TableCart .TdAmount {
		clear: both;
	}
	
	.TableCart .TdAmount,
	.TableCart .TdPrice,
	.TableCart .TdSubtotal {
		float: left; width: 33.3333% !important; height: 6em; border-bottom: none;
	}
	
	.TableCartTotal .TdTotal {
		border-bottom: none;
	}


	/* Footer */
	
	#Footer #FooterNavigation {
		display: none;
	}
	
	#Footer #Copyright {
		width: 100%; text-align: center;
	}
	
	
}


/* ++++++++++++++++++++++++++++++++++ XS devices (kleiner 576px) ++++++++++++++++++++++++++++++++++ */


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

	#Header #Logo {
		transform: translateX(-3rem);
	}
	
	#Header #LogoVerlagspreis {
		left: 0;
		right: 0;
		margin: auto;
		transform: translateX(2.5rem);
	}

	/* Slider */
	
	.Slider {
		height: 37.5em;
	}
	
	.Slider .slick-arrow {
		display: none !important;
	}
	
	.Slider .slick-list {
		height: 37.5em; top: 0; width: 100%; 
	}
	
	.Slider .Item  {
		display: block; background-size: 450px auto; background-position: 6vw 50%;
	}
	
	.Slider .Item .Pic {
		width: 100%; height: 25em; padding: 0; margin-left: auto; margin-right: auto; transform: scale(.7) translate(-2.75em, -4em);
	}
	
	.Slider .Item .Pic a {
		margin-left: auto; margin-right: auto; transform: translateX(17%) scale(.9);
	}
	
	.Slider .Item .Pic img {
		max-height: 24em;
	}
	
	.Slider .Item .Text {
		width: 100%; padding: .5em 2em 0 2em; transform: translate(0, -8em); font-size: 80%;
	}
	
	.Slider .Item .Text a > span {
		transform: none;
	}
	
	.Slider h2 {
		margin-right: 0; font-size: 150%;
	}
	
	.Slider .Subline {
		font-size: 1rem;
	}
	
	.Slider .Author {
		margin-bottom: 1em; font-size: 115%;
	}
	
	.Slider .ButtonXL {
		font-size: 140%;
	}
	
	#Content .Home .RowBooks .Description .Pic {
		float: none; width: 10rem;  margin-left: auto; margin-right: auto;
	}
	
	#Content .Home .RowBooks .Description {
		padding-top: .75rem;
	}
	
	#Content .Home .RowBooks .Description p.Text {
		width: 100%; margin: 1rem 0 0 0;
	}
	
	#Content .Home .RowBooks .Card .Product div {
		display: flex; justify-content: center; margin-top: 1.5rem;
	}
	
	#Content .Home .RowBooks .Card .Price {
		width: auto; padding-left: 0; padding-right: 30px;
	}
	
	#Content .News .NewsContent {
		padding-left: 1.5em; padding-right: 1.5em;
	}

	
	/* Programm */
	
	#Content div.Book {
		padding-bottom: 7rem;
	}
	
	#Content div.Book div.Left {
		width: 100%; padding-right: 0;
	}
	
	#Content div.Book div.Left .Pic {
		float: none; display: block; width: 11rem; margin-left: auto; margin-right: auto; margin-bottom: 1.5em;
	}
	
	#Content div.Book div.Left p.Author,
	#Content div.Book div.Left p.Title,
	#Content div.Book div.Left p.Subtitle,
	#Content div.Book div.Left p.Desc {
		margin-left: 0
	}
	
	#Content div.Book div.Right {
		width: 100%; margin-top: 2rem; font-size: 87%;
	}
	
	#Content div.Book .Card {
		width: 100%;  display: flex; justify-content: center; bottom: 3.5rem;
	}	

	/* Content Pages */
	
		
	#Content .Buttons {
		margin-left: auto; margin-right: auto; text-align: center;
	}
	
	#Content .Buttons a {
		margin-left: 1rem !important; margin-right: 1rem !important; margin-bottom: 1rem;
	}
	
	#Content .ProductInfo {
		float: none; margin-right: auto; margin-left: auto;
	}
	
	#Content .PicAuthor {
		float: none; max-width: 50%; margin-left: auto; margin-right: auto;
	}
	
	/* News */
	
	 #Content .News .Product {
		margin-right: 1.5em;
		width: calc(100% - 3em);
	}
	
	#Content .News .Product > div {		
		width: 100%;
		text-align: center;
		float: none;
		margin-right: 0;
		padding-right: 1.5em;
		float: none;
		display: flex;
		justify-content: center;
		}
	
	/* Warenkorb */	
	
	.TableCart {width: 100%;}
	
	.TableCart td {
		display: block; 
	}
	
	.TableCart tr:first-of-type td {
		padding-bottom: 0; border-bottom: none;
	}
	
	.TableCart .TdPic {
		width: 100% !important; height: auto; border-bottom: none; border-right: none;
	}
	
	.TableCart .TdPic div {
		margin-left: auto; margin-right: auto; margin-top: .75em; margin-bottom: .75em;
	}
	
	.TableCart .TdPic div img {
		
	}
		
	.TableCart .TdMeta {
		width: 100% !important; height: auto; border-top: none; border-right: none; padding-top: 0;
	}
	
	.TableCart .TdAmount,
	.TableCart .TdPrice {
		float: left; width: 50% !important; height: 6em; border-bottom: 1px solid #dbdbdb;
	}
	
	.TableCart .TdPrice {
		border-right: none;
	}
	
	.TableCart .TdSubtotal {
		width: 100% !important; clear: both; text-align: center;
	}
	
	.TableCart .TdSubtotal span {
		text-align: center;
	}
	
	.ButtonRow.ButtonRowCart,
	.ButtonRow.ButtonRowOrder01	{
		margin-top: 2rem; margin-right: 0;
	}
	
	.ButtonRow.ButtonRowCart .ButtonLeft,
	.ButtonRow.ButtonRowOrder01 .ButtonLeft	{
		float: none !important; font-size: 85%; 
	}
	
	.ButtonRow.ButtonRowCart .ButtonLeft .ButtonXL	{
		width: 14em; 
	}
	
	.ButtonRow.ButtonRowOrder01 .ButtonLeft .ButtonXL	{
		width: 13.5em; 
	}
	
	.ButtonRow.ButtonRowCart .ButtonRight,
	.ButtonRow.ButtonRowOrder01 .ButtonRight {
		clear: both; width: 100% !important;  margin-top: 3em; text-align: center; float: none !important;
	}
	
	.ButtonRow.ButtonRowCart .ButtonRight .ButtonXL,
	.ButtonRow.ButtonRowOrder01 .ButtonRight .ButtonXL {
		 margin-left: auto; margin-right: auto;
	}
	
	.ButtonRow.ButtonRowCart .ButtonRight .ButtonXL {
		width: 17rem !important;
	}
	
	.ButtonRow.ButtonRowOrder01 .ButtonRight .ButtonXL {
		width: 19rem !important;
	}
	
	.ButtonRow.ButtonRowOrder02 .ButtonXL {
		font-size: 100%;
	}
	
	#Content .WrapForm {
		width: 100%;
	}
	
	#Content .WrapForm .Width50	{
		width: 100%;
	}
	
	#Content .WrapForm .Width20	{
		width: 35%;
	}
	
	#Content .WrapForm .Width80	{
		width: 65%;
	}
	
	#Content .WrapForm .WidthSpecialResponsive	{
		width: 100%;
	}

}