/* PROJECT FONTS, LICENSE: /css/webfonts/ApacheLicense.txt */

@font-face {
    font-family: 'Open Sans';
    src: url('/css/webfonts/OpenSans-Regular-webfont.eot');
    src: url('/css/webfonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/webfonts/OpenSans-Regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/css/webfonts/OpenSans-Semibold-webfont.eot');
    src: url('/css/webfonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/webfonts/OpenSans-Semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/css/webfonts/OpenSans-Bold-webfont.eot');
    src: url('/css/webfonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/webfonts/OpenSans-Bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/css/webfonts/OpenSans-Italic-webfont.eot');
    src: url('/css/webfonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/webfonts/OpenSans-Italic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/css/webfonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('/css/webfonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/webfonts/OpenSans-SemiboldItalic-webfont.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}


/*************************************************
* Aktueller Stoerer
*************************************************/

.Stoerer {
	margin-left:-8px;
	width:644px;
	height:166px;	
	}
	
.Stoerer a {
	display:block;
	width:644px;
	height:144px;		
	background:url(../img/stoerer.jpg) no-repeat left top;
	}
	
.Stoerer a span {
	display:none;
	}	

/*************************************************
* Allgemeine Definitionen
*************************************************/

*  	 {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 		0;
	padding: 		0;
	border: 		0;
	vertical-align: baseline;
	font: 			inherit;
	font-size: 		100%; 
	}
	
table {border-collapse: collapse; border-spacing: 0; table-layout: fixed; empty-cells: show; vertical-align: top;}	
table td {vertical-align: top;}	

html {
	font-size: 16px;
	overflow-y: scroll;
	}

body {
	margin:0;
	border:0;
	padding:0px 0px 20px 0px;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	background-color: #fff;
	}

	
a, input, select {
	outline:0;
	}

input, textarea, select, button {
	font-family: 'Open Sans', sans-serif;
	}	
	
input, textarea, select {
	border: 1px solid #cacaca;
	padding: .375em 2em .375em .5em;
	font-size: 1em;
	width: 100%;
	border-radius: 4px;
	}
	
select {
	height: 2.25em; background-color: #fff;
	}	
	
input[type=image] {
	border: 0; padding: 0;
	}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
 
input[type=number] {
	-moz-appearance: textfield;
 } 
 
input:focus, textarea:focus, select:focus {	
	color:#000 !important;
	border-color: #36529a !important;
	-webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;	
	}
	
div.Clear {
	margin:0;
	border:0;
	padding:0;
	width:auto;
	height:auto;
	clear:both;
	}

.NoWrap {
	white-space: nowrap;
}
	
/* Diverse Elemente Ausblenden */
hr, span.hidden {
	display:none;
	}

/* Umschliessendes Element */
#Wrap {
	margin: 0px auto;
	border: 0;
	padding: 0;
	width: 100%;
	max-width: 1300px;
	text-align: left;
	overflow: hidden;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
	}
	
#WrapContent {
	display: flex;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
	align-items: stretch;
	margin: 0 0 0 3em;
	padding: 1.25em;
	background-color: #f1f3f9;
}

#WrapSlider {
	margin: 0 0 -5px 3em;
	padding: 1.125em 1.125em 0 1.125em;
	position: relative;
	background: #f1f3f9;
	background: -moz-linear-gradient(269deg, #DADEEE 0%, #DADEEE 26%, #f1f3f9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DADEEE), color-stop(26%, #DADEEE), color-stop(100%, #f1f3f9));
    background: -webkit-linear-gradient(269deg, #DADEEE 0%, #DADEEE 26%, #f1f3f9 100%);
    background: -o-linear-gradient(269deg, #DADEEE 0%, #DADEEE 26%, #f1f3f9 100%);
    background: -ms-linear-gradient(269deg, #DADEEE 0%, #DADEEE 26%, #f1f3f9 100%)
    background: linear-gradient(181deg, #DADEEE 0%, #DADEEE 26%, #f1f3f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DADEEE', endColorstr='#f1f3f9',GradientType=0 );
}

/* Standard Textformatierungen */

.TextNorm {
	font-size: 1rem;
	}

.TextXL {
	font-size: 125%;
	}
	
.TextSM {
	font-size: 87%;
	}

.TextXS {
	font-size: 80%;
	}	

b {
	font-weight: 600;
	}
	
strong {
	font-weight: 600;
	}

.NoMarginBottom {
	margin-bottom: 0 !important;
	}
	
/* Standard Linkdarstellung */

a {-webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}

#Content a.LinkNoDec {
	text-decoration:none;
	}
	
#Content a.LinkNoDec:hover {
	text-decoration:underline;
	}	

/* Anchor Nav */

.AnchorAim {
	position: relative;
}

.WrapAnchorAim .Anchor {
}
	
/* Container */

.Flex {
	display: flex !important;
	display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
}

.Col {
	float: left;
}

.Width20  {width: 20%;}
.Width25  {width: 25%;}
.Width33  {width: 33.3333%;}
.Width50  {width: 50%;}
.Width66  {width: 66.6666%;}
.Width75  {width: 75%;}
.Width80  {width: 80%;}
.Width100 {width: 100%;}

.FloatLeft {float: left;}
.FloatRight {float: right;}

/* Space */


.Space {
	height: 1em;
}

.SpaceSM {
	height: .5em;
}

.SpaceL {
	height: 1.75em;
}

.SpaceXL {
	height: 3em;
}

/*************************************************
* Header
*************************************************/

#Header {
	position:relative;
	margin: 0;
	padding: 1px 1em 0 2em;
	width: 100%;
	height: 10.25em;
	text-align: left;
	}

/* Logo */
#Header #Logo {
	position:absolute;
	left: 2.25em;
	top: .625em;
	margin:0;
	border:0;
	padding:0;
	width: 8.5em;
	height: 100%;
	text-align:left;
	overflow:hidden;
	}


#Header #Logo a {
	display:block;
	height: 100%;
	background:url(../img/logo-neu.gif) left top no-repeat;
	background-size: 100% auto;
	text-align:left;
	overflow:hidden;
	}
	
#Header #LogoVerlagspreis {
	position:absolute;
	padding: 1px 0;
	left: 13.375em;
	bottom: 1.25rem;
	margin:0;
	border:0;
	width: 11.25rem;
	overflow:hidden;
	border: 1px solid #dfdfdf;
	}	
	
#Header #LogoVerlagspreis img {
	width: 95%;
	}	

/* Suche */
#Header #Search {
	position: absolute;
	top: 5em;
	right: 1em;
	border: 0;
	width: 19.25em;
	overflow: hidden;
	}
	
#Header .WrapSearch form {
	overflow: hidden;
	}	

#Header .WrapSearch .SearchField {
	width: 100%;
	}

#Header .WrapSearch .SearchField input {
	margin: 0;
	border: 1px solid #cacaca;
	padding: .395em 2.5em .395em .5em;
	width: 100%;
	color: #CACACA;
	border-radius: 6px;
	-webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;
	}

#Header .WrapSearch .SearchButton {
	position:absolute;
	right: 2px;
	top: .075em;
	margin:0;
	border:0;
	width: 2.25em;
	height: 100%;
	overflow:hidden;
	}
	
#Header .WrapSearch .SearchButton input {
	padding: .4em .375em .375em .375em;
	width: 2em;
	height: auto;	
	-webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;
	}
	
#Header .WrapSearch .SearchButton input:hover {
	transform: scale(1.2);
	}	


/* Cart */

#Header #HeaderCart {
	display: block;
	position: absolute; 
	top: 1.325rem;
	right: 1.5rem;
	color: #324c93;
	text-decoration: none;
	-webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;
}

#Header #HeaderCart:hover {
	transform: scale(1.1);
}

#Header #HeaderCart .Icon {
	display: inline-block;
	margin-right: .275em;
	margin-top: .125em;
	height: 1.65em;
}

#Header #HeaderCart .Icon img {
	height: 100%;
}

#Header #HeaderCart .Counter {
	display: inline-block;
	min-width: 2em;
	height: 2em;
	border-radius: 50%;
	background: #e1e4f0;
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	line-height: 2em;
}

#Header #HeaderCart .Counter span {
	display: inline-block;
	padding: 0 .15em 0 .15em;
}
	
/* Navigation */

#Header #Navigation {
	margin: .875em 0 0 10em;
	padding: 0;
	text-align:left;
	}

#Header #Navigation ul {
	display: block;
	margin: 0;
	padding: 0;
	text-align: left;
	list-style: none;
	overflow: visible;
	}

#Header #Navigation ul li {
	display: block;
	margin: 0 0 0 .95rem;
	border: 0;
	list-style: none;
	float: left;
	overflow: visible;
	position: relative;
	}

#Header #Navigation ul li a.Main {
	display: block;
	height: 100%;	
	padding: 0 .575em 0 .575em;	
	font-size: 110%;
	font-weight: 600;
	line-height: 2.555;
	color: #324c93;
	text-decoration: none;	
	white-space: nowrap;
	-webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;
	}

#Header #Navigation ul li a.Main:hover {
	background-color: #e1e4f0;
	}

#Header #Navigation ul li.active a.Main {
	background-color: #e1e4f0;
	}

#Header #Navigation ul #Nav_1 {
	}

#Header #Navigation ul #Nav_1 a.Main {
	}

#Header #Navigation ul #Nav_2 {
	}

#Header #Navigation ul #Nav_2 a.Main {
	}

#Header #Navigation ul #Nav_3 {
	}

#Header #Navigation ul #Nav_3 a.Main {
	}

#Header #Navigation ul #Nav_4 {
	}

#Header #Navigation ul #Nav_4 a.Main {
	}
	
#Header #Navigation ul #Nav_5 {
	}

#Header #Navigation ul #Nav_5 a.Main {
	}	

#Header #Navigation ul li ul {
	position: absolute;
	top: 2.75em;
	left: 0px;
	display: none;
	margin:0;
	border:0;
	padding: 1.25em 2em 1.15em 1.5em;
	text-align: left;
	list-style: none;
	background-color: #fff;
	white-space: nowrap;
	z-index: 1;
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
	-webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;
	}

#Header #Navigation ul li.active ul {
	display: none;
	}
	
#Header #Navigation ul li.active:hover ul {
	display:block;
	}

	

#Header #Navigation ul #Nav_1 ul {
	}

#Header #Navigation ul #Nav_2 ul {
	}

#Header #Navigation ul #Nav_3 ul {
	}

#Header #Navigation ul #Nav_4 ul {
	}
	
#Header #Navigation ul #Nav_5 ul {
	}	

#Header #Navigation ul li ul li {
	display: block;
	margin: 0;
	line-height: 1.6555;
	list-style: none;
	float: none;
	}

#Header #Navigation ul li ul li a {
	display: block;
	position: relative;
	padding: 0 0 .25em 1.15em;	
	font-size: 100%;
	color: #36529a;
	text-decoration: none;
	-webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;
	}
	
#Header #Navigation ul li ul li a::before {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: .65em;
	width: .415rem;
	height: .415rem;
	background-color: #e1e4f0;
	border-radius: 50%;
	}	

#Header #Navigation ul li ul li a:hover::before, 
#Header #Navigation ul li ul li.active a::before {
	background-color: #36529a;	
	}

/* Meta-Navigation */
#Header #MetaNavigation {
	position: absolute; 
	bottom: .825rem;
	right: 1.125rem;
	margin:0;
	padding: 0;
	text-align: left;
	font-size: 87%;
	overflow: hidden;
	white-space: nowrap;
	}

#Header #MetaNavigation p {
	margin:0;
	border:0;
	padding:0;
	color:#a6a6a6;
	line-height:21px;
	}

#Header #MetaNavigation p a {
	display:inline-block;
	padding:0 3px 0 4px;
	color:#a6a6a6;
	text-decoration:none;
	}

#Header #MetaNavigation p a:hover {
	text-decoration:underline;
	}

/*************************************************
* Content
*************************************************/

#Content {	
	position:relative;
	margin: 0 1.125em 0 0;
	border:0;
	padding: 0 0 3em .75em;
	width: calc(72% - 1.125em);
	text-align:left;
	min-height:500px;
	}

/* Breadcrumb */
#Content p.BreadCrumb {
	margin: 0 0  1.25em 0;
	color:#8f8f8f;
	font-size: 87%;
	}

#Content p.BreadCrumb a {
	color:#8f8f8f;
	text-decoration:none;
	}

#Content p.BreadCrumb a:hover {
	text-decoration:underline;
	}
	
#Content p.Info {
	color:#8f8f8f;
	}	

#Content h1 {
	margin: 0 3rem 2.25rem 0;
	font-size: 250%;
	color: #36529a;
	line-height: 1.4;
	letter-spacing: -.015em;
	}	

#Content h1.Home {
	float: left;
	margin: 0 0 1rem 0;
	font-size: 250%;
	line-height: 1.222;
	font-style: italic;
	overflow: visible;
	}	
	
#Content h1.Author {
	}	

#Content h2, #Content .h2 {
	margin: 0 0 1em 0;
	border: 0;
	padding: 0;
	font-size: 150%;
	font-weight: normal;
	color: #707FB9;
	line-height: 1.5;
	}

#Content h3, #Content .h3 {
	margin: 0 3em 1.5em 0;
	font-size: 100%;
	font-weight: 600;
	line-height: 1.655;
	color: #000;
	}

#Content p {
	margin:0 0 1.6555em 0;
	line-height: 1.6555;
	}

#Content .TextS {
	font-size: 87%;
	}	
	
#Content .Maintext {
	padding-right: 3em;
	}

#Content p.Press {
	margin: 2.5em 3em 0 0;
	padding: 2em;
	background: #e1e4f0;
	font-size: 87%;
	}

#Content p.Author {
	margin: .75em 0 1.6555em 0;
	font-weight: 400;
	}

#Content p.Author a {
	text-decoration: none;
	display: inline-block;
	}
	
	
#Content p.LinkAuthor a {
	text-decoration: none;
	display: inline-block;
	border-bottom: 1px solid #36529a;
	line-height: 1;
	}

#Content p.LinkAuthor a:hover {
	text-decoration: none;
	border-bottom: 1px solid #000000;
	}

#Content .PicAuthor {
	margin: 0 2em 2em 0;
	max-width: 33%;
	float:left;
	}
	
#Content .PicAuthor img {
	width: 100%; height: auto;
	}	
	
#Content p.Subline {
	margin: 1rem 0 2.5rem 0;
	color:#3E3E3E;
	font-size: 130%;
	}

#Content .PicLeft {
	margin:18px 18px 18px 0px;
	float:left;
	}

#Content p.Top {
	margin: 4rem 0 0 0;
	text-align:right;
	}

#Content p.Top a {
	padding:6px 20px 2px 0px;
	background:url(../img/top.gif) no-repeat top right;
	}
	
#Content p.Top a:hover {
	background:url(../img/top-x.gif) no-repeat top right;
	}	

#Content a {
	color: #36529a;
	text-decoration: underline;
	}
	
#Content a:hover {
	color: #000;
	text-decoration: underline;
	}

#Content ul {
	display: block;
	margin: 5px 0px 0px 10px;
	border:0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	}

#Content ul li {
	display: block;
	margin: 0;
	border: 0;
	padding: 0 0 0 1.675em;
	list-style: none;
	position: relative;
	}
	
#Content ul li::before {
	content: ' ';
	position: absolute;
	top: .675em;
	left: .25em;
	width: .4em;
	height: .4em;
	border-radius: 50%;
	background: #36529a;
	}

#Content ul.NoBullets li::before {
	display: none;
	}	

#Content p.BackTop {
	padding: 0 0 1em 0;
	margin: 0 3rem 1.5rem 0;
	border-bottom: 2px dotted #cad0e7;
	}

#Content p.BackBottom {
	clear: both;
	margin-top: 3.5em !important;
	padding-top: 1em;
	border-top: 2px dotted #cad0e7;	
	margin-right: 0;
	}

#Content p.BackTop a, #Content p.BackBottom a {
	}
	
	
/* Pics */

#Content .Pic img {
	width: 100%; 
	height: auto;
	border: 1px solid rgba(241, 243, 249, .75);
}	
	
/* Listen */

#Content ul.MaintextListe {
	margin: 0 3em 0 0;
	}		
	
#Content ul.MaintextListe li {
	margin-bottom: 2em;
	}
	
#Content ul.MaintextListe li a {
	line-height: 1.6555;
	}

#Content ul.MaintextListe li strong a {
	text-decoration: none;
	}	

#Content ul.MaintextListe li p {
	margin: 0;
	}

/* Formulare */

#Content .WrapForm {
	width: 98%;
	max-width: 42em;
}

#Content .WrapForm .Label {
	margin: 0 0 .375em 0;
	font-size: 87%;
	color: #4f4f4f;
	}

#Content .WrapForm .Field {
	margin: 0 .75em 1.125em 0;
	}

#Content .WrapForm .Field textarea {
	}


	

/* WK Card */	

#Content .Product p strong {
	font-weight: 600;
	}	

#Content .Card .Amount {
	margin: 0;
	line-height: 3.1;
	float: left;
	}

#Content .Card .AmountField {
	float: left;
	margin: .425em 0 0 0;
	}

#Content .Card .AmountField input {
	margin: 0 .25em 0 .625em;
	border: 1px solid #cacaca;
	border-radius: 4px; 
	padding: .375em;
	width: 3.5em;
	text-align: center;
	}
	
#Content .Card .Button {
	float: left;
	margin-top: .65em;
	margin-bottom: .6em;
	width: 2.25rem;
	height: 1.8rem;
	}
	
#Content .Card .Button input[type=image] {
	width: 100%;
	height: auto;
	}	
	

/* News */

#Content .News {
	position:relative;
	margin: 0 .25em 1em -.8em;
	padding: 0 0 1em 0;
	background: #fff;
	overflow: hidden;
	}

#Content .NewsBorder {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 6px;
	width: 100%;
	background: #f1f3f9 url(../img/bg_newsborder.png) no-repeat top left;
	background-size: 100% 6px;
	overflow: hidden;
	}	
	
#Content .News .NewsContent {
	padding: 2em 2.5em 0 2.5em;
	}	

#Content .News .NewsContent h2 {
	margin: 0 0 .25rem 0;
	font-size:  190%;
	font-style: italic;
	color: #36529a;
	}
	
#Content .News .NewsContent h3 {
	margin: 0 0 1rem 0;
	font-size: 135%;
	line-height: 1.4;
	font-weight: 400;
	color: #8d99c4;
	}
	
#Content .News .NewsContent .NewsImg {
	margin: .375em 2.25em 1.5em 0;
	}	
	
#Content .News .NewsContent .NewsImg img {
	width: 14.5em;
	height: auto;
	}	

#Content .News .NewsContent .Link span {
	font-size:12px;
	}			
	
#Content .News .NewsContent .LinkExpand {
	white-space: nowrap;
	}	
	
#Content .News .NewsContent .LinkFold {
	float:right;
	margin-bottom:0px;
	display:block;
	width:auto;
	}	
	
#Content .News .NewsContent .LinkArchiv {
	float:left;
	margin-bottom:0px;
	}	
	
#Content .News .ContainerExtras {
	margin: 0 2.5em 0 2.5em;
	padding: 1em 0 0 0;
	border-top: 2px dotted #cad0e7;
	overflow: hidden;
	}
	
#Content .News .ContainerExtras h3 {
	margin-bottom: 1.5rem;
	color: #324c93;
	font-size: 110%;
	font-weight: 600;
	font-style: italic;
	}	
	
#Content .News .ContainerExtras h4 {
	font-size: 100%;
	font-weight: 600;
	}	
	
#Content .News .ContainerExtras p {
	float:left;
	}

#Content .News .ContainerExtras .TextS {
	padding-top: .25em;
	}		
	
#Content .News .Product {
	float: right;
	width: 36em;
	margin: .5em 3em 2.5em 0;
	padding: 1em 0;
	overflow: hidden;
	border-top: 2px dotted #cad0e7;
	border-bottom: 2px dotted #cad0e7;
	font-size: 87%;
	}	
	
#Content .News .Product div {
	}		

#Content .News .Product div p.Price {
	margin: .6em 0 0 0;
	padding-left: .125em;
    float: left;
    font-weight: 700;
    font-size: 1rem;
    width: 7.15rem;
	}
	
#Content .News .Product div p.Amount {
	margin: .8em .5em 0 0;
	padding-left: .125em;
    float: left;
	}

#Content .News .Product div p.AmountField {
	margin: .6em 0 0 0;
	float: left;
	}	

#Content .News .Product div p.AmountField input {
	width: 3.5em;
	margin-right: .5em;
	text-align: center;
	}
	
#Content .News .Product div .Button {
	float: left;
	margin-top: .65em;
	margin-bottom: .6em;
	width: 2.25rem;
	height: 1.8rem;
}

#Content .News .Product div .Button input[type="image"] {
  width: 100%;
  height: auto;
}	

/* News Archive */

#Content .News.NewsArchive {
	margin: 0 0 1.25em -.5em;
}

#Content .News.NewsArchive .NewsContent {
	padding: 1.85em 2.5em .5em 2.5em;
	}	

#Content .News.NewsArchive .NewsContent h2 {
	font-size: 190%;
	}	
	
#Content .News.NewsArchive .NewsContent h3 {
	font-size: 135%; margin-bottom: 2rem;
	}	
	
/* Content Startseite */					

#Content .Home {
	text-align:left;
	overflow:hidden;
	}
	
#Content .Home .RowBooks {
	}

#Content .Home .RowBooks .Card {
	width: 50%;
	}

#Content .Home .Author, #Content .Home .Headline, #Content .Home .Subline, #Content .Home .Description, #Content .Home .Card {
	width: 100%;
	text-align: left;
	overflow: hidden;
	}

#Content .Home .Author {
	margin-top: 1em;	
	}
	
#Content .Home .Author p {
	padding-top: 1.25em;
	margin-bottom: .75rem;
	border-top: 2px dotted #cad0e7;
	}	

#Content .Home .Card {
	margin-top: 0;
	}


#Content .Home .Author p {
	font-size: 87%;
	color: #36529A;
	}

#Content .Home .Headline h2 {
	margin: 0 0 .25rem 0;
	font-size: 100%;
	font-weight: 700;
	line-height: 1.5 !important;
	color: #36529a;
	line-height: 1.6555;
	}

#Content .Home .Subline {
	min-height: 3.25em;
	}
	
#Content .Home .Subline p {
	font-size: 87%;
	margin: 0 0 .5em 0;
	}
	
#Content .Home .Description {
	margin-top: .75rem;
	min-height: 13em;
 }	

#Content .Home .Description .Pic {
	float: left;
	width: 8rem;
	padding: 0 .85rem .85rem 0;
	background: url(/img/bg_book.png) right bottom no-repeat;
	background-size: 92% 97%;
	}
	
#Content .Home .Description .Pic a {
	display: block;
	}	

#Content .Home .Description p.Text {
	margin: 0 0 0 9.25rem;
	font-size: 87%;
	}

#Content .Home .Card .Product div {
	margin: 0;
	padding: 0;
	text-align: left;
	overflow: hidden;
	}
	
#Content .Home .RowBooks .Card:nth-child(1) {
	padding-right: 1em;
	}

#Content .Home .RowBooks .Card:nth-child(2)  {
	padding-left: 1em;
	}	
	
#Content .Home .RowBooks:nth-last-child(2) .Product {
	border-bottom: 2px dotted #cad0e7;
	padding-bottom: 1.5em;
	}


#Content .Home .Card .Price {
	width: calc(100% - 9.5rem);
	padding: 0 0 0 9.25rem;
	font-size: 90%;
	font-weight: 700;
	line-height: 3.1;
	float: left;
	}
	
#Content .Home .Card .Amount,
#Content .Home .Card .AmountField {
	font-size: 87%;
	}	


#Content .Home .Link {
	margin: 3em 2.5em 0 0;
	text-align: right;
	}
	
	
/* Slider */

.Slider {
	background: #fff;	
	height: 30em;	
	}	
	
.SliderBorder {
	height: 6px;
	width: 100%;
	background: url(../img/bg_newsborder.png) no-repeat top center;
	background-size: 102% 6px;
	overflow: hidden;
	}	
	
.Slider .Item {
	height: 30em;
	display: flex;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
	align-items: stretch;
	background: #fff url(/img/bg_slider.png) left bottom no-repeat;	
	background-size: 70% auto;
	}

.Slider .Item .Pic {
	width: 35.5%;
	/* padding: 2.5em 0 3em 9em; */
	padding: 2em 0 0 6em;
}

.Slider .Item .Pic a {	
	display: block;	
	width: 24em;
	padding: 1em 0 1.45em .85em;
	background: url(/img/bg_book-slider.png) right top no-repeat;
	background-size: 97% 100%;
	transform: scale(.9);
	}
	
.Slider .Item .Pic span {
	display: block;
	width: 16em;
	}	

.Slider .Item .Pic img {
	position: relative;	
	display: block;	
	width: 16em;
	max-height: 26em;
	transform: perspective(40em) rotateY(-21deg) scaleX(.91);
	-webkit-transform: perspective(40em) rotateY(-21deg) scaleX(.91);
	-o-transform: perspective(40em) rotateY(-21deg) scaleX(.91);
	-moz-transform: perspective(40em) rotateY(-21deg) scaleX(.91);
	-ms-transform: perspective(40em) rotateY(-21deg) scaleX(.91);
	}
	
.Slider .Item .Text {
	width: 60.5%;
	padding: 4.25em 6em 3em 2.5em;
	/* background: #e1e4f0; */
}

.Slider .Item .Text a {	
	display: block;
	text-decoration: none;	
	color: inherit;
}

.Slider .Item .Text a > span {
	display: block;
	transform: scale(1.05);
	/* margin-left: 1.5em; */
}	
	
.Slider h2 {	
	margin: 0 3rem .75rem 0;
	color: #36529a;
	font-size: 235%;
	font-weight: 500;
	line-height: 1.333;
	letter-spacing: -.015em;
	color: #36529a;
}

.Slider .Author {
	margin: .5em 0 1.25em 0;
	font-weight: 400;
	color: #36529a;
	font-size: 110%;
}

.Slider .Subline {	
	margin: 0 0 2rem 0;
	color: #3E3E3E;
	font-size: 130%;
	font-weight: 400;
	line-height: 1.655;
}

/* Slider: Slick CSS Control */

.Slider .slick-dots {
	padding: 0; 
	margin: 1.75em 0 1.25em 0;
	list-style: none;
	text-align: center;
	position: absolute;
	right: 2em;
	font-size: 96%;
	bottom: .75em;
}

.Slider .slick-dots li {
    width: 1em;
    height: 1em;
    margin: 0 .4em 0 .4em;
    display: inline-block;
    background-color: transparent;
    color: transparent;
}

.Slider .slick-dots li button {
	width: 100%;
	height: 100%;
	background-color: #36529a;
	color: transparent;
	border-radius: 50%;
	border: 1px solid #36529a;
	display: block;
	padding: 0;
	margin: 0;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	backface-visibility: hidden;
	cursor: pointer;
}

.Slider .slick-dots li button:hover {
	background: #fff;
}

.Slider .slick-dots li.slick-active button {
	background-color: #cfd4ea;
	color: transparent;
	border-radius: 50%;
	border: 1px solid #cfd4ea;
}

.Slider .slick-arrow {
	opacity: 0;
	position: absolute;
	display: block;
	top: calc(50% - 2.5em);
	left: 0;
	border: none;
	width: 7em;
	height: 5em;
	color: transparent;
	background-color: transparent;
	cursor: pointer;
	border: none;
	z-index: 1;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	backface-visibility: hidden;
}

.Slider:hover .slick-arrow {
	opacity: 1;
}

.Slider .slick-next {
	left: auto;
	right: 0;
}

.Slider .slick-arrow::before {
    content: ' ';
    display: block;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 75% !important;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	backface-visibility: hidden;
}

.Slider .slick-arrow:hover::before {
    transform: scale(1.1); backface-visibility: hidden;
}

.Slider .slick-prev::before {
	background-image: url(/img/icon-slider-back.png);
	}
	
.Slider .slick-next::before {
	background-image: url(/img/icon-slider-next.png);
	}
	
		
/* Buttons */	
	
#Content .Buttons {
	text-align: right;
	margin-left: 3rem;
	padding-bottom: .25em;
	}		
	
#Content .Buttons a {
	margin-left: 1rem;
	}	

#Content .ButtonsBottom {
	margin-top: 1.75rem;
	}
	
#Content .ButtonsHome {
	margin-left: 0;
	margin-right: .25rem;
	}	

#Content .ButtonLeft {
	float: left;
	}
	
#Content .ButtonLeft .ButtonXL {
	margin-top: .5em;
	font-size: 95%;
	}	
	
#Content .ButtonRight {
	float: right;
	}

#Content .ButtonRight .ButtonXL {
	}	
	
.ButtonXL {
	display: inline-block;
	min-height: 2.75em;
	padding: 0 .75em;
	border-radius: 4px;
	border: none;
	line-height: 2.7777;
	color: #324c93 !important;
	text-decoration: none !important;
	font-size: 120%;
	font-weight: 500;
	font-style: italic;
	background: #cad0e7;
	background: -moz-linear-gradient(top, #c9cfe6 0%, #c9cfe6 8%, #b7c1e3   100%); 
	background: -webkit-linear-gradient(top, #c9cfe6 0%,#c9cfe6 8%,#b7c1e3  100%); 
	background: linear-gradient(to bottom, #c9cfe6 0%,#c9cfe6 8%,#b7c1e3  100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9cfe6', endColorstr='#b7c1e3',GradientType=0 ); 
	-webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;
	}
	
.ButtonXL:hover {
	color: #324c93 !important;
	text-decoration: none !important;
	background: #b7c1e3 ; /* Old browsers */
	background: -moz-linear-gradient(top, #b7c1e3  0%, #c9cfe6 92%, #c9cfe6 100%);
	background: -webkit-linear-gradient(top, #b7c1e3  0%,#c9cfe6 92%,#c9cfe6 100%);
	background: linear-gradient(to bottom, #b7c1e3  0%,#c9cfe6 92%,#c9cfe6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7c1e3', endColorstr='#c9cfe6',GradientType=0 );
	transform: scale(1.05);
	cursor: pointer;
	}

.ButtonXL.Flex	{
	align-items: center;
	}
	
.ButtonXL.Flex span	{
	line-height: 1;
	}	
	
.ButtonXL.Flex .Icon {
	margin-top: .15em;
	height: .625em;
	}

.ButtonXL.Flex .Icon img {
	height: 100%;
	width: auto;
	}
	
.ButtonXL.Flex .IconReload {
	height: 1.175em;
	}	
	
.ButtonXL.Flex .IconCheck {
	height: 1.175em;
	}
	
/* Produkt-Informationen */
#Content .ProductInfo {
	margin: .25em 2.5em 1em 0;
	width: 17em;
	float: left;
	overflow: hidden;
	}

#Content .ProductInfo .Pic {
	display: block;
	margin: 0;
	padding-right: 1.75em;
	padding-bottom: 1.65em;
	background: url(/img/bg_book.png) right bottom no-repeat;
	background-size: 92% 97%;
	/* border:1px solid #fff; */
	}

#Content .ProductInfo .Meta {
	margin: 1.5rem 0 0 0;
	font-size: 87%;
	}

#Content .ProductInfo .Meta p {
	margin: 0;
	}
	
#Content .ProductInfo .Meta p strong {
	font-weight: 600;
	}	

#Content .ProductInfo .Meta p.Try {
	margin-top:10px;
	line-height:21px;
	}

#Content .ProductInfo .Meta p.Try a {
	padding-left:23px;
	background:url(../img/arrow.gif) no-repeat top left;
	font-weight:bold;
	text-decoration:underline;
	}
	
#Content .ProductInfo .Meta p.Try a:hover {
	background:url(../img/arrow-x.gif) no-repeat top left;
	}	

#Content .ProductInfo .Card {
	overflow: hidden;
	}

#Content .ProductInfo .Card p.Price {
	margin: .6em 0 0 0;
	float: left;
	font-weight: 700;
	font-size: 1rem;
	width: 7.15rem;
	}
	
#Content .ProductInfo .Card .Product {
	margin-top: 1.5em;
	padding: 1em 0;
	border-top: 2px dotted #cad0e7;
	border-bottom: 2px dotted #cad0e7;
	font-size: 87%;
	overflow: hidden;
	}

#Content .ContainerExtras {
	margin: 14px 2px 20px 0;
	padding: 0 12px 0px 15px;
	background:#fff;
	border: 1px solid #e1e4f0;
	font-size: 90%;
	}

#Content .ContainerExtras a {
	 word-wrap:break-word;
	}
	
#Content .ContainerExtras .IconExtra {
	float: left;
	width: 2.5em;
	height: 5em;
	margin-right: 1.15em;
	background: url(/img/icon-book.png) center top no-repeat;
	background-size: 90% auto;
}	
	
#Content .ContainerExtras h3 {
	}	
	
#Content .ContainerExtras h4 {
	margin: 1em 0 0 0;
	}	
	
#Content .ContainerExtras p {
	}			
	
#Content .Authors {
	margin: 2em 0 0 0;
	padding: 0 3em 0 0;
	overflow:hidden;
	}

#Content .Authors ul.Nav {
	display: block;
	margin: 1.25em 0 0 0;
	padding: 0 0 1.5em 0;
	border-bottom: 2px dotted #cad0e7;
	list-style: none;
	overflow: hidden;
	}

#Content .Authors ul.Nav li {
	display: block;
	margin: 0 2px 2px 0;
	padding: 0;
	width: 2.25em;
	height: 2.25em;
	list-style: none;
	float: left;
	overflow: hidden;
	}
	
#Content .Authors ul.Nav li::before {
	display: none;
	}	

#Content .Authors ul.Nav li a {
	display: block;
	height: 100%;
	background: #e1e4f0;
	text-align:center;
	line-height: 2.25;
	text-decoration:none;
	}

#Content .Authors ul.Nav li a:hover {
	background:#fff;
	}

#Content .Authors div.Letter {
	padding: 0 0 1.5em 0;
	border-bottom: 2px dotted #cad0e7;
	overflow:hidden;
	}

#Content .Authors div.Letter h2 {
	margin: .25rem 0 0 0;
	width: .75em;
	font-size: 350%;
	font-weight: 300;
	color: #c6cbdf;
	text-align: center;
	float: left;
	}

#Content .Authors div.Letter .Author {
	margin: 2em 0 0 4.5em;
	overflow: hidden;
	}
	
#Content .Authors div.Letter .Author a {
	text-decoration: none;
	}
	
#Content .Authors div.Letter .Author a:hover {
	text-decoration: underline;
	}		

#Content .Authors div.Letter .Author p {
	margin: 0;
	}

/* Buecher */
#Content div.Books {
	padding: 1.25em 0 0 0;
	width: 95%;
	overflow: hidden;
	}

#Content div.Books ul {
	display: block;
	margin: 0;
	padding: 0px 0px 1.5em 0px;
	border-bottom: 2px dotted #cad0e7;
	list-style: none;
	overflow: hidden;
	}

#Content div.Books ul li {
	display: block;
	margin: 0 3px 3px 0;
	padding: 0;
	width: calc(25% - 3px);
	list-style: none;
	float: left;
	overflow:hidden;
	}

#Content div.Books ul li a {
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
	height: 100%;
	background: #e1e4f0;
	text-align: center;
	font-size: 90%;
	line-height: 3;
	text-decoration: none;
	}

#Content div.Books ul li.active a, #Content div.Books ul li a:hover {
	background:#fff;
	color:#000;
	}

#Content div.Book {
	position:relative;
	min-height: 13em;
	margin: 1.5rem 0 0 0;
	padding: 0 0 3rem 0;
	border-bottom: 2px dotted #cad0e7;
	text-align: left;
	font-size: 87%;
	overflow: hidden;
	}

#Content div.Book div.Left {
	width: 70%;
	padding: 0 3em 0 0;
	text-align: left;
	float: left;
	overflow: hidden;
	}

#Content div.Book div.Left .Pic {
	float: left;
	width: 8rem;
	padding: 0 .85rem .75rem 0;
	background: url(/img/bg_book.png) right bottom no-repeat;
	background-size: 92% 97%;
	}
	
#Content div.Book div.Left .Pic a {
	display: block;
	}	

#Content div.Book div.Left p.Author {
	margin: 0 0 .5em 9.25rem;
	font-weight: 400;
	}

#Content div.Book div.Left p.Author a {
	text-decoration:none;
	}

#Content div.Book div.Left p.Author a:hover {
	text-decoration:underline;
	}

#Content div.Book div.Left p.Title {
	margin: 0 0 .15rem 9.25rem;
	font-size: 1rem;
	}

#Content div.Book div.Left p.Title a {
	text-decoration:none;
	font-weight: 700;
	}

#Content div.Book div.Left p.Title a:hover {
	text-decoration:underline;
	}

#Content div.Book div.Left p.Subtitle {
	margin: 0 0 .75rem 9.25rem;
	}
	
#Content div.Book div.Left p.Subtitle strong {
	font-weight: 600;
	}	

#Content div.Book div.Left p.Desc {
	margin: 0 0 0 9.25rem;
	}

#Content div.Book div.Right {
	padding: 0 0 2em 0;
	width: 30%;
	text-align: left;
	float: right;
	overflow: hidden;
	}

#Content div.Book div.Right p {
	margin: 0;
	}
	
#Content div.Book div.Right p strong {
	font-weight: 600;
	}	

#Content div.Book .Card {
	position: absolute;
	right: 0;
	bottom: 2.25rem;
	margin: 0;
	border: 0;
	padding: 0;
	width: 30%;
	text-align: left;
	overflow: hidden;
	}

#Content div.Book .Card p.Price {
	margin: 0;
	width: 6.5em;
	font-size: 1em;
	font-weight: 700;
	line-height: 3.0899;
	float: left;
	}

#Content div.VideoPlayer {
	margin:18px 0px 0px 0px;
	border:0;
	width:590px;
	overflow:hidden;
	clear:both;
	}

#Content div.Last {
	padding: 0;
	background: none;
	}

#Content div.VideoPlayer h2 {
	margin: 0 0 1rem 0;
	}

#Content div.VideoPlayer p.Umfang {
	margin-top:14px;
	font-size:12px;
	}

#Content div.VideoPlayer p.Datum {
	margin-top:5px;
	text-align:right;
	}

#Content div.VideoPlayer object {
	margin:10px 0px 0px 0px;
	}
	
	
#Content div.Event {
	margin: 0 0 1em 0;
	padding: 0 0 2.5em 0;
	border-bottom: 2px dotted #cad0e7;
	}	
	
#Content div.Event h2 {
	margin-bottom: 12px;
	}	
	
#Content div.Event p {
	margin-bottom: 1rem;
	}	

#Content div.Event p.EventDetails {
	margin-top: 1.25rem;
	}	
	
	
/* Sitemap */
#Content div.Links {
	margin:0;
	border:0;
	padding:0;
	width:260px;
	text-align:left;
	overflow:hidden;
	float:left;
	}

#Content div.Rechts {
	margin:0;
	border:0;
	padding:0;
	width:330px;
	text-align:left;
	overflow:hidden;
	float:right;
	}

#Content ul.Sitemap {
	display: inline-block;
	margin: 1em 0 0 0;
	padding: 0;
	text-align: left;
	list-style: none;
	overflow: hidden;
	}
	
#Content ul.Sitemap li {
	display: block;
	margin: 0 0 1em 0;
	padding: 0 0 0 1.25em;
	line-height: 1.6555;
	list-style: none;
	overflow: hidden;
	font-weight: 600;
	}

#Content ul.Sitemap li ul li {
	margin: 0 0 .125em 0;
	}
	
#Content ul.Sitemap li a {
	text-decoration: none;
	}		
	
#Content ul.Sitemap li ul li a {
	font-weight: 400;
	}
	
/* Bildpositionierungen */	
#Content .Pics {
	margin-top: .25em;
	margin-right: 2.5em;
	margin-bottom: 2em;
	overflow: hidden;
	}
	
#Content .Pics.Width33 {
	width: 29%;
	}	

#Content .Pics.Width50 {
	width: 40%;
	}		
	
#Content .Pics div img {
	width: 100%;
	}	
	
#Content .Pics.Height01 div.ImgCover {
	height: 0;
	padding-bottom: 145%;
	position: relative;
	}

#Content .Pics div.ImgCover img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	}	
	
#Content .PicsPosLeft {
	float: left; 
	margin: .25em 0 1em 0;
	}

#Contentv.PicsPosRight {
	float: right; 
	margin: .25em 1em 1em 2em;
	}
	
#Content .Pics .Width33 {
	margin-right: 1em;
	width: calc(33% - 1em)
	}	
	
	
		
/* Linie einzeln */		
#Content .LinieDotted {
	margin: 1em 0 1em 0;
	padding: 0 3em 0 0;
	border-bottom: 2px dotted #cad0e7;
	}		

#Content .LinieDotted.LinieMarginRight {
	margin-right: 3em;
	}		
	
/* Fehlermeldung */		
#Content .Error {
	margin: 0 1em 2em 0;	
	padding: 2em;
	overflow: hidden;
	background: #fff;	
	border: 2px dotted red;
	}		
	
#Content .Error p {
	margin: 0;
	}		
	
#Content .Error p.Title {
	margin: 0;
	color: red;
	font-weight: 700;
	font-size: 115%;
	}	
	
	
/* Erfolgsmeldung */		
#Content div.Success {
	}		
	
#Content div.Success p {
	}		
	
#Content div.Success p.Title {
	margin: 0 0 1.5rem 0;
	font-size: 150%;
	font-weight: 400;
	color: #8d99c4;
	}		
		
	
/* GoogleMaps */	

#Content div.GoogleMaps {
	margin:35px 10px 40px 0;
	background-color: #f1f3f9;
	text-align: center;
	position: relative;
	z-index: 0;
	}
	
#Content div.GoogleMaps > a {
	display: inline-block;
	position: absolute;
	bottom: -2.5em;
	right: 0;
	}	
	
#Content div.GoogleMaps iframe {
	width: 100% !important;
	}



/*************************************************
* Sidebar
*************************************************/

#Sidebar {
	padding: 1em 1em 0 1em;
	width: 28%;
	text-align: left;
	overflow: hidden;
	background-color: #e1e4f0;
	}

#Sidebar > div {
	margin: 0 0 1em 0;
	padding: 0 0 2.5em 0;
	border-bottom: 2px dotted #b5bddb;
	text-align: left;
	overflow: hidden;
	}
	
#Sidebar > div:last-of-type {
	border-bottom: none;
	}	

#Sidebar h2 {
	margin-top: .5rem;
	margin-bottom: 1.5rem;
	color: #324c93;
	font-size: 135%;
	font-style: italic;
	font-weight: 400;
	}
	
#Sidebar h3 {
	margin: 1em 0 .75em 0;
	font-size: 87%;
	}

#Sidebar p, #Sidebar ul {
	font-size: 87%;
	}

#Sidebar a {
	color:#36529a;
	text-decoration:underline;
	}
	
#Sidebar a:hover {
	color:#000;
	}	
	
/* Warenkorb Meldung */	
#SuccessMessageCard {
	position: fixed;
	top: 0;
	left: -50%;
	right: -50%;
	width: 100%;
	margin: auto;
	text-align: center;
	color: #fff;
	padding: 1.25em;
	background: rgba(50, 76, 147, 1);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
	z-index: 100;
	}
	
#SuccessMessageCard p {
	font-weight: 400;
	margin: 0;
	}
	
#SuccessMessageCard p a {
	color: #fff;
	font-weight: 600;
	}
 
#SuccessMessageCard p a:hover {
	color: #fff;
	opacity: .75;
	} 

/* Warenkorb */

.TableCart {
	margin-top: 1.5em; 
	border: 1px solid #dbdbdb; 
	width: 98%;	
	table-layout: auto;
	}
	
.TableCart td {
	padding: 1em;
	background: #fff;
	border-bottom: 1px solid #dbdbdb;
	}	
	
.TableCart td.TdPic {
	width: 10%;	
	}

.TableCart td.TdPic div {
	width: 5.25em;
	}	
	
.TableCart td.TdPic div img {
	width: 100%;
	}	

.TableCart .TdMeta {
	width: 30%;
	border-right: 1px solid #dbdbdb;
	padding-left: .25rem;
 }
	
.TableCart .TdMeta .Meta {
	font-size: 87%;	
	}		
	
.TableCart .Meta strong {
	font-weight: 600;	
	}	
	
.TableCart .TdAmount {
	width: 20%;
	border-right: 1px solid #dbdbdb;
	text-align: center;
 }
 
.TableCart .TdAmount input {
	width: 2.5em;
    margin: .5em .25em 0 .5em;
    border: 1px solid #cacaca;
    border-radius: 4px;
    padding: .375em;
    width: 3.5em;
    text-align: center;
}

.TableCart .TdPrice {
	width: 20%;
	border-right: 1px solid #dbdbdb;
	text-align: center;
	white-space: nowrap;
 }
 
 .TableCart .TdPrice span {
	display: block;
	padding-bottom: .825em;
 }
 
.TableCart .TdSubtotal {
	width: 20%;
	text-align: right;
	white-space: nowrap;
 }

 .TableCart .TdSubtotal span {
	display: block;
	padding-bottom: .825em;
	text-align: right;
 }

 .TableCart .TdShipping {
	text-align: right;
 }

.TableCartTotal {
	} 
	
 .TableCartTotal .TdTotal {
	text-align: right;
 }
 
 .TableCartTotal .TdTotal span {
	display: inline-block;
	padding-left: .125em;
	font-size: 135%;
 }
  
 .ButtonRow {
	 margin: 3rem 0 0 0;
 }
 
.ButtonRow.ButtonRowCart {
	 margin: 3rem 1rem 0 0;
 }
 
 .ButtonRow.ButtonRowOrder01 {
	 padding-right: .75rem;
 }
 
 .ButtonRow.ButtonRowOrder02 {
	 margin-top: 1rem;
	 padding-right: .75rem;
	 text-align: center;
	 font-size: 125%;
 }
 
.ButtonRow.ButtonRowOrder02 button {
	margin: auto;
	
 }

 
 /* Sidebar */ 
 
#Sidebar p {
	line-height: 1.6555;
}
 
 
/* Warenkorb */ 
 
#Sidebar .Cart {
	padding: 0 0 2em 0;
	margin: 0 0 1em 0;
	}

#Sidebar .Cart h2 {
	color: #324c93;
	margin-bottom: 1rem;
	}

#Sidebar .Cart p.CartPrice {
	margin: 0;
	}

#Sidebar .Cart p.CartLink {
	margin: .75em 0 0 0;
	text-align: right;
	}

#Sidebar .Cart p.CartLink a {
	display: inline-block;
	overflow: hidden;
	}

/* Aktion 5.555 */	

#Sidebar div.Aktion {
	position:relative;
	padding-bottom:21px;
	}	

#Sidebar div.Aktion h2 {
	}	

#Sidebar div.Aktion h3 {
	position:absolute;
	right:0;
	top:0;
	margin:1px 0 0 0;
	font-weight: normal;
	font-size:11px;
	}		
	
#Sidebar div.Aktion div.Countdown {
	width:229px;
	height:135px;
	margin:17px 0 0 0;
	background:url(../img/sidebar_bg_aktion.jpg) left top no-repeat;
	}	
	
#Sidebar div.Aktion div.Countdown p.Zahl {
	font-size:25px;
	line-height:88px;
	color:#fff;
	text-align:center;
	}	
	
#Sidebar div.Aktion div.Countdown p.Link {
	margin-top:22px;
	text-align:center;
	}			
	
	
/* Programm Download */
#Sidebar div.Programm h2 {
	}	
	
#Sidebar div.Programm div.Pics {
	margin:20px 0 0 0;
	border:0;
	padding:0;
	background:none;
	text-align:center;
	}	
	
/* Termine */
#Sidebar div.Termine h2 {
	}

#Sidebar div.Termine h3 {
	line-height: 1.6555;
	}
	
#Sidebar div.Termine p {
	}	

/* Druckerei */
#Sidebar div.PrintOffice {
	background:none;
	}

#Sidebar div.PrintOffice h2 {
	}
	
#Sidebar div.PrintOffice p {
	}	
	
#Sidebar div.PrintOffice .Pics {
    margin-top: 1.5em;
    margin-bottom: 1em;
	overflow: hidden;
	}	
	
#Sidebar div.PrintOffice .Pics .Width50 {
	margin-left: 0;
    margin-right: .5em;
    width: calc(50% - .5em);
	}

#Sidebar div.PrintOffice .Pics a > div:last-of-type {
    margin-right: 0;
    margin-left: .5em;
	}
	
#Sidebar div.PrintOffice .Pics div img {
	width: 100%;
	}	
	
#Sidebar div.PrintOffice .Pics div.ImgCover {
	height: 0; 
	padding-bottom: 145%; 
	position: relative;
	}	

#Sidebar  div.PrintOffice .Pics div.ImgCover img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	}		
	
/* Museum */
#Sidebar div.Museum {
	background:none;
	}

#Sidebar div.Museum h2 {
	}
	
#Sidebar div.Museum p {
	}	
	
#Sidebar div.Museum .Pics {
    margin-top: 1.5em;
    margin-bottom: 1em;
	overflow: hidden;
	}	
	
#Sidebar div.Museum .Pics div {
	height:0;
	padding-bottom: 67%;
	position: relative;
	}
	
#Sidebar div.Museum .Pics div img {
	position: absolute;
	margin-top: -18%; 
	width: 100%; 
	height: auto;
	}	
	

/* Mehr zum Genre */
#Sidebar .More h2 {
	}

#Sidebar .More ul {
	display: inline-block;
	margin: 0;
	border: 0;
	padding: 6px 0px 0px 0px;
	text-align: left;
	list-style: none;
	}

#Sidebar .More ul li {
	position: relative;
	display: inline-block;
	margin: 0 0 .5em 0;
	padding: 0 0 0 1.5em;
	list-style: none;
	text-align: left;
	list-style: none;
	}
	
#Sidebar .More ul li::before {
	display: block;
	content: ' ';
	position: absolute;
	top: .5em;
	left: .25em;
	width: .45em;
	height: .45em;
	border-radius: 50%;
	background: #36529a;	
	}

/*************************************************
* Footer
*************************************************/

#Footer {
	margin: 0;
	padding: 1.25em 0 1.25em 3em;
	text-align: left;
	overflow: hidden;
	}

#Footer #FooterNavigation {
	color: #a6a6a6;
	line-height: 1.7;
	text-align: left;
	float: left;
	overflow: hidden;
	font-size: 87%;
	}

#Footer #Copyright {
	padding: 0;
	margin-right: 1.15rem;
	width: 35%;
	color: #a6a6a6;
	line-height: 1.7;
	text-align: right;
	float: right;
	overflow: hidden;
	font-size: 87%;
	}

#Footer a {
	color:#a6a6a6;
	text-decoration:none;
	}

#Footer a:hover {
	text-decoration:underline;
	}