@charset "utf-8";
@font-face { 
	font-family: "ErbarBold";
    src: url("https://www.mandelbaum.at/css/fonts/Erbar W01 Bold.ttf") format("truetype");
}

@font-face { 
	font-family: "AGaramond";
    src: url("https://www.mandelbaum.at/css/fonts/AGaramondPro-Regular.otf") format("opentype");
	font-style:normal;
}

@font-face { 
	font-family: "AGaramond";
    src: url("https://www.mandelbaum.at/css/fonts/AGaramondPro-Italic.otf") format("opentype");
	font-style: italic;
}

@font-face { 
	font-family: "BrandonMed";
    src: url("https://www.mandelbaum.at/css/fonts/Brandon_med.otf") format("opentype");
	font-style:normal;
}

@font-face { 
	font-family: "BrandonMed";
    src: url("https://www.mandelbaum.at/css/fonts/Brandon_med_it.otf") format("opentype");
	font-style: italic;
}

body{
	font-size:150%;
/*
	font-size:3.5vw;
*/
	background:#565656;
}

.clContainerDiv{
	/*background:#a0a0a3;*/
	background:#b5b6b9;

}

.clTextDiv, .clCategoryDiv{
	background:#fff;
}

.clNaviDiv li{
	list-style-type:none;
	margin:0 auto 1.5vw auto;
	line-height: 4vw;
}

.clMobileNaviDiv li{
	list-style-type:none;
	margin:0 auto 1.5vw auto;
	line-height: 7vw;
}

.clNaviDiv{
	font-size:3vw;
}

.clMobileNaviDiv{
	font-size:5vw;
}

.clBuchLinksUl li, .clBuchLinksUl li a{
	font-family: 'Roboto', sans-serif;
	background-color:black;
	color: white;
	font-weight:bold;
	font-size:.9em;
}

.clMenuShow{
	margin: 0 auto 1.5 auto;
	cursor:pointer;
}

.clMenuShow:hover{
	color:#ddd;
}

.clSeparatorLi{
	position:relative;
	top:-0.3em;
}

.clPlaceholderHr {
	visibility:hidden;
}

.clTextDiv a, .clBildDiv a, .clCategoryDiv a{
	color:#999;
	text-decoration:none;
}

.clTextDiv a:hover, .clBildDiv a:hover, .clCategoryDiv a:hover{
	color:#999;
}

.clBlackA a{
	color:#000;
}

.clNaviDiv a, .clMobileNaviDiv a{
	color:#fff;
	text-decoration:none;
}

.clNaviDiv a:hover, .clNaviDiv a:hover{
	color:#ccc;
}

.clBuchdetailsP{
	font-family: 'Roboto', sans-serif;
	font-size:.8em;
}

h1{
	font-family: 'BrandonMed', 'Alegreya', serif;
	font-style:italic;
	font-size:5vw;
}

h2{
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	font-size:1em;
	line-height:1.2em;
	padding:0.5em 0 0 0;
	margin:0;
}

.clH2mager{
	font-family: 'BrandonMed', 'Alegreya', serif;
	font-weight:400;
}

h3{
	font-family: 'BrandonMed', 'Alegreya', serif;
	font-size:8vw;
	line-height: 10vw;
	font-weight:normal;
	font-style:italic;
	text-align:left;
	padding:0.5em 0 0 0;
	margin:0;
}

h3.clTitleH3{
	font-family: 'Roboto', sans-serif;
	font-style:normal;
	font-weight:bold;
}

h3.clChapterH3{
	font-style:normal;
	text-align:right;
}

h4{
	font-size:.75em;
	font-weight: 900;
	text-align:left;
	line-height: 1.75em;
}

p{
	font-family:'AGaramond',  'Amiri', serif;
	font-size:.8em;
	line-height:1.2em;
	margin:0;
}

p.clSubtitleP{
	margin-top:0em;
	margin-bottom:0em;
	font-style:italic;
}

.clNaviDiv, .clMobileNaviDiv {
	background:black;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	color:white;
	line-height:1.5em;
}

.clNaviDiv{
	text-align:right;
}


.clMobileNaviDiv {
	text-align:left;
}

hr{
	display:none;
	height:.25em;
	background:url(../icon/bullet_2.png) repeat-x;
	background-size:auto .25em;
	border:0;
	margin:0.2em 33% 0.2em 0;
	width:66%;
	
}

.clAlways{
	display:block;
}

audio{
	margin-top:0.5em;
	width:100%;
}

.clImgDownloadP a{
	font-family: 'Roboto', sans-serif;
	color:white;
	text-decoration:none;
}

.clImgDownloadP a:hover{
	color:#ddd;
}

.clShowCover{
	cursor:pointer;
}

.clBuyEbook{
	cursor:pointer;
}

.clEventLink{
	font-style:italic;
}

.clNotPublishedDiv{
	color:#999;	
}

a.clAdminA{
	color:silver;
}

.clCartShow{
	display: inline-block;
}

.clEbookCartShow{
	display: inline-block;
}

.clCartInpSpan{
	display:none;
}

.clEbookCartInpSpan{
	display:none;
}

.clCartNumInp,.clRCartNumInp{
	height:11px;
	line-height: 0.75em;
	font-size:0.6em;
	position:relative;
	top: -0.20em;
	margin-right:0.5em;
	width:3.25em;
	color:black;
}

.clCartConfirmBtn{
	line-height: 0.95em;
	font-size:0.7em;
	position:relative;
	top: -0.15em;
	margin-right:0.5em;
}

.clEbookCartConfirmBtn{
	line-height: 0.95em;
	font-size:0.7em;
	position:relative;
	top: -0.15em;
	margin-right:0.5em;
}

.clCartDiv{
	display:none;
	background:white;
	color:black;
	margin-left:1em;
	margin-bottom:1em;
	padding:1em;
	font-size:3vw;
}

.clCartImg{
	width:4em;
}
.clSocialBtn{
	width: 1.5em;
}

.clCartPromoDiv{
	display:none;
	background:white;
	color:black;
	margin-left:1em;
	padding:1em;
	font-size:3vw;
}

.clDelSpan{
	color:#C00;
	cursor:pointer;
	display:inline-block;
	float:right;
}
.clDelPlaceholderSpan{
	display:none;
}

.clCartTitleDiv{
	display:inline-block;
	padding:0;
	margin:0;
	width:auto;
	line-height: 3vw;
	overflow:hidden;
}
.clCartLineDiv{
	display:inline-block;
	padding:0;
	margin:0;
	width:auto;
	line-height: 3vw;
	overflow:hidden;
}
a.clOrderA{
	color:black;
	text-decoration:underline;
	font-weight:bold;
}
.clOrderTable td{
	font-family: 'Roboto', sans-serif;
}

.ui-menu-item{
	font-size:0.5em;
}

#idSucheInp{
	color:#999;
}

.clIconDiv{
	display:inline-block;
}

.clIconNeighborDiv{
	display:inline-block;
}

.clReadCommentsSpan{
	cursor:pointer;
}

.clEditorialCommentsDiv{
	display:none;
}

.clResponse{
	color:#f60;
}

.clOrderTd1Div{
	font-size:5vw;
}

.clOrderConfirmDiv{
	font-size:5vw;
}
.clHostedBy{
	font-size:12px;
}

#idQuestionDiv{
	font-size:5vw;
}

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

body{
/*
	font-size:2vw;
*/
	font-size:120%;
}

h1{
	font-family: 'BrandonMed', 'Alegreya', serif;
	font-style:italic;
	font-size:1.8em;
}

h2{
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	font-size:1em;
	line-height:1.2em;
	padding:0.5em 0 0 0;
	margin:0;
}

h3{
	font-family: 'AGaramond', 'Alegreya', serif;
	font-size:1.8em;
	line-height: 1.2em;
	font-weight:normal;
	font-style:italic;
	text-align:left;
	padding:0.5em 0 0 0;
	margin:0;
}

h3.clTitleH3{
	font-family: 'Roboto', sans-serif;
	font-style:normal;
}

h3.clChapterH3{
	font-style:normal;
	text-align:right;
	font-weight:bold;
}

h4{
	font-size:.75em;
	font-weight: 900;
	text-align:left;
}

p{
	font-family:'AGaramond',  'Amiri', serif;
	font-size:1em;
	line-height:1.2em;
	margin:0;
}

p.clSubtitleP{
	margin-top:0em;
	margin-bottom:0em;
}

.clNaviDiv {
	line-height:1.5em;
	padding-right:1em;
	font-size:.9em;
}

.clNaviDiv li{
	margin: 0 auto 0.5em auto;
	line-height: 1.6em;
}

.clNaviDiv .clMenuShow{
	margin: 0 auto 0 auto;
}

.clOrderTable th,td,input{
	font-size:0.8em;
}

.clOrderTd1Div{
	font-size:.75em;
}

#idQuestionDiv{
	font-size:.75em;
}

.clOrderConfirmDiv{
	font-size:.75em;
}

.clCartDiv{
	font-size:2vw;
}

.clCartPromoDiv{
	font-size:2vw;
}

.clCartTitleDiv{
	line-height: 2.2vw;
}

.clCartLineDiv{
	line-height: 2.2vw;
}

.clDelPlaceholderSpan{
	display:inline;
	visibility:hidden;
}


@media only screen and (min-width: 801px) {
body{
/*
	font-size:1.2vw;
*/
	font-size:120%;

}
hr{
	display:block;
}

.clCartDiv{
	font-size:1vw;
}

.clCartPromoDiv{
	font-size:1vw;
}

.clCartTitleDiv{
	line-height: 1.2vw;
}

.clCartLineDiv{
	line-height: 1.2vw;
}
}