.tag{
	display: inline-block;
	width: 98%;
}
#preisliste{
	margin: 0 1rem;	
}
#preisliste table{
	width: 100%;
}
#preisliste table th,
#preisliste table td{
	padding:1em 1.5em;
}
#preisliste table th{
	text-align: left;
	background-color: #575756;
	color: #FFFFFF;
}
#preisliste table tr:nth-child(odd){
	background-color: #dddddd;
}
.clearfix{
	clear:both;
}
#fancybox-wrap{
	padding: 0;
}
.sterne_31:after,
.sterne_41:after,
.sterne_51:after{
	position: relative;
	content: '';
	display: inline-block;
	height: 15px;
	width: 0px;
	top: -18px;
	left: 10px;
	font-size: 12px;
	font-family: 'Signika', sans-serif;
	background: url(https://tramino.s3.amazonaws.com/s/1st-of-8/745545/klassifizierung-f5sterne.png) left center;
}
.sterne_31:after{ width: 50px; }
.sterne_41:after{ width: 65px; }
.sterne_51:after{ width: 75px; }

.belegung iframe{
	background: #FFFFFF;
	padding: 1%;
	border: none;
}
#content .class{
	width: 100%;
	max-width: 1280px;	
	margin: 0 auto;
}
.kategorie_list{
	margin-top: 20px;
}
.class.article .inside{
	padding: 0 10px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.class.article .inside > div{
	padding: 0 10px;
	flex: 1;
	width: 0;
  	margin-right: 10px;	
}
.class.article .inside div.text{
	border: 10px solid #EEEEEE;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
}
.class.article .inside div.text > div{
	flex: 1 0 100%;
	align-self: center;
}
.class.article .inside h2{
	color: #731A1D;	
}
.desc_gal{
	display: flex;
	padding: 0 10px;
	margin: 3rem 0;
	flex-wrap: wrap;
}
.desc_gal .motiv{
	flex: 0 0 33.3333%;
	padding: 10px;
}

#content .desc_gal .motiv img{
	width: auto;
}
.desc_gal .motiv:hover img{
	box-shadow: 0 0 10px #000;	
}
.classes_nav{
	display: flex;
	justify-content: center;	
	flex-wrap: wrap;
}
.classes_nav .circle_motiv{
	position: relative;	
	right: inherit;
	margin: 20px 10px;
}
.classes_nav .circle_motiv .Bild{
	overflow: hidden;
	border-radius: 92px;	
}
.classes_nav .circle_motiv .Bild:hover{
	box-shadow: 6px 0px 24px -9px #000;
}
.classes_nav .circle_motiv span{
	position: absolute;
	left: 0;
	top: 60%;
	display: inline-block;
	background-color: #FFF;
	color: #731A1D;
	padding: .3rem;
}
.tag_list_wrapper{
	padding: 1.5rem;	
}
.tag_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.tag_item{
	flex: 1 0 33%;
}
@media only screen and (max-width: 1023px) {
	.class.article .inside > div:nth-child(2){
		display: none;	
	}
	.tag_item{
		flex: 1 0 50%;
	}

}
@media only screen and (max-width: 768px) {
	.mod_article .inside{
		flex-wrap: wrap;	
	}
	.c33,.c66{
	  flex: 1 0 100%;
	}
	.circle_motiv {
   	 right: 50%;
   	 bottom: -18%;
	}
	.c66{
		order: 1;	
	}
	.ce_image{
		position: relative;	
	}
	.circle_motiv {
    	right: 0%;
    	bottom: -8%;
	}
	.desc_gal .motiv{
		margin: 0 0 1rem;	
	}
}
@media only screen and (max-width: 640px) {
	.class.article .inside{
		flex-wrap: wrap;	
	}
	.class.article .inside > div{
		flex: 1 0 100%;	
	}
	.tag_item{
		flex: 1 0 100%;
	}

}