.ao_img_galerie_details{
	max-width: 75%;
	max-height: 800px;
	margin:10px;
	cursor:pointer;
	box-shadow: 0px 0px 10px gray
}
.ao_img_galerie{
	max-width: 100%;
	max-height: 600px;
	margin:10px;
	cursor:pointer;
	box-shadow: 0px 0px 10px gray
}

#ao_div{
	padding-top: 50px;
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(1, 1fr);
	gap: 20px;
}
#ao_daten{
	width:100%;
	grid-column: 2 / span 1;
	grid-row: 1;
}
#ao_daten2{
	font-size: small;
	width:100%;
	grid-column: 2 / span 1;
	grid-row: 2;
}
#ao_daten3{
	font-size: small;
	width:100%;
	grid-column: 2 / span 1;
	grid-row: 3;
}

.ao_img_div{
	max-width:100%;
	grid-column: 1 / span 1;
	grid-row: 1 / span 3;
}
.ao_img{max-width: 100%;max-height: 600px; box-shadow: 0px 0px 10px gray}
.as_autor{margin-top:10px; margin-bottom:10px;}
.as_titel{font-size:x-large; font-weight:bold; margin-top:10px; margin-bottom:10px;}
.as_untertitel{margin-top:10px; margin-bottom:10px;}
.as_reihe{margin-top:10px; margin-bottom:10px;}
.as_preis{font-size:x-large; font-weight:bold; margin-top:10px; margin-bottom:10px;}
.as_preis_info{font-size:small; margin-top:10px; margin-bottom:10px;}
.as_reihelink{color:black;}
.as_autorlink{color:black;}
.asd_con{display:flex;flex-direction:column; margin-bottom:10px;}
.asd_label{font-weight:bold;}
.asd_value{}
.as_formdetail{font-style: italic; padding-left:10px;}
.as_hp{margin-top:10px; margin-bottom:10px;}

.asd_btn{
	background-color: #dfdfdf;
	color: black;
	font-weight: bold;
	border: none;
	border-radius: 15px;
	padding: 10px;
	cursor: pointer;
	margin-bottom: 10px;
	margin-top: 10px;
	width: fit-content;
	box-shadow: 0px 0px 1px 1px black;
}

.asd_btn:hover{
	background-color:#f2f2f2;
}

.asd_alt{
	display: flex;
	flex-direction: column;
}

.asd_alt_cont{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.asd_alt_btn{
	background-color: #dfdfdf;
	color: black;
	font-weight: normal;
	border: none;
	border-radius: 15px;
	padding: 10px;
	cursor: pointer;
	width: fit-content;
	text-decoration:none;
	box-shadow: 0px 0px 1px 1px black;
	margin: 15px;
}

.asd_alt_btn:hover{
	background-color:#f2f2f2;
}

.asd_div{
	display: none;
	flex-direction: column;
	position: fixed;
	right: calc(50% - 506px);
	background-color: white;
	width: 506px;
	z-index: 101;
	height: 100%;
	top: 0px;
	padding: 20px;
	overflow-x: scroll;
}

#asd_div{}
#asd_inhdiv{/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; text-align: justify;}
#asd_autdiv{/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; text-align: justify;}

#udb_label{
	cursor:pointer;
	text-decoration:underline;
	margin-top:50px;
	margin-bottom:10px;
	font-size:medium;
}
#uda_label{
	cursor:pointer;
	text-decoration:underline;
	margin-top:50px;
	margin-bottom:10px;
	font-size:medium;
}
.uda_value{display:none;}
.udb_value{display:none;}
.reihentitel{
	margin-top:50px;
	margin-bottom:10px;
	font-size:medium;
	font-weight:bold;
}

#galerie_details{
	display:none;
	z-index: 152;
	position: fixed;
	top: 10%;
}


.cms_ez1{font-size: xxx-large;
  line-height: 1em;
  color: #C1121C;}
.cms_ez2{font-size: xxx-large;
  line-height: 1em;
  color: #C1121C;
  text-align: right;}
.cms_mname{font-size: large;
  margin-top: 1em;}

.aac{
	display:flex;
	flex-direction:row;
}

.aab{background-color: #dfdfdf; color: black; font-weight: bold; border: none; border-radius: 15px; padding: 10px; cursor: pointer; margin-bottom: 10px; margin-top: 10px; width: fit-content; box-shadow: 0px 0px 1px 1px black; text-decoration:none; margin-right: 10px;}

.aab:hover{
	background-color:#f2f2f2;
}

.aaform{
	
}
.aaformd{
	
}

.as_ks{
	padding-left: 10px;
	font-weight: bold;
}
.as_ksh{
	font-size:small;
	padding-left: 10px;
	margin-bottom:20px;
}

.awkc{
	display: flex;
	justify-content: flex-end;
	margin-bottom: 10px;
	margin-top: 10px;
}

@media screen and (max-width: 1011px)
{
	#ao_div{
		padding-top: 0px;
		display:grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(1, 1fr);
	}
	
	#ao_daten{
		font-size: small;
		width:100%;
		grid-column: 2 / span 1;
		grid-row: 1;
	}
	
	#ao_daten2{
		font-size: small;
		width:100%;
		grid-column: 2;
		grid-row: 2;
	}
	
	#ao_daten3{
		font-size: small;
		width:100%;
		grid-column: 1 / span 2;
		grid-row: 3;
	}
	
	.asd_div{
		left: 10%;
		padding-right: 10px;
		width: auto;
		right: 0px;
	}
	
	.ad_img_div{
		grid-column: 1 / span 1;
		grid-row: 1;
	}
	
	.as_titel{font-size:large;}
	
	.as_preis{font-size:large;}
	
	.as_verfueg{
		display: flex;
		flex-direction: row;
		justify-content: right;
	}
  
	.ad_img_galerie_details{
		max-width: 100%;
		max-height: 400px;
		margin:0px;
		cursor:pointer;
		box-shadow: 0px 0px 10px gray
	}
}