

/* --- Stylesheet 8222 () --------- */ 

.T5038 .col {
	float: left;
}

.T5038 .item { background-color: #fff; margin: 20px 0px 0px 0px; }

.T5038 .col1 { width: 340px; }
.T5038 .col2 { width: 600px; }
.T5038 .col3 { width: 300px; }

.T5038 .content { margin: 20px 20px 10px 0px; }
.T5038 h3 { font-size: 20px; margin: 0px 0px 10px 0px }

.T5038 .content_buttons { display: grid; grid-template-columns: 25% 25% 25%; column-gap: 5%; padding-top: 5px; }
.T5038 .content_buttons .button { padding: 5px 10px; display: inline; color: #FFF; text-align: center; }
.T5038 .content_buttons .button.booking { background-color: #0092f7; cursor: pointer; }
.T5038 .content_buttons .button.booking.active { background-color: #0092f7a8; }
.T5038 .content_buttons .button a { color: #FFF; text-decoration: none; }
.T5038 .content_buttons .modalcart.hide { display: none; }
.T5038 .content_buttons .modalcart {
	text-align: center;
	background-color: #CCC;
}
.T5038 .content_buttons .modalcart .cart_inner .booking_option {
	display: grid;
	grid-template-columns: 25% 40% 25%;
	column-gap: 10px;
}
.T5038 .content_buttons .modalcart .cart_inner .booking_option .class_name { align-self: center; } 
.T5038 .content_buttons .modalcart .cart_inner .booking_option .booking {
	color: #FFF;
	background-color: #0092f7;
	padding: 5px 10px;
	cursor: pointer;
	font-weight: bold;
}
	


.T5038 .col3 table { margin: 15px 10px 0px 0px; border-collapse: separate; border-spacing: 4px; font-size: 14px; }
.T5038 .col3 table td.icon { text-align: center; padding-right: 5px; }

.T5038 .col3 table td.preis span { font-size: 20px; font-weight: bold; }



.T5038 .preis_info  { font-size: 11px; color: #666; }

/* --- Stylesheet 8223 () --------- */ 

@media all and (min-width: 1024px) and (max-width: 1279px) {
	
}

@media all and (min-width: 768px) and (max-width:1023px) {
	
}

@media all and (max-width: 767px) {
	
	
	.T5038 .col1 { width: 100%; }
	.T5038 .col1 img { width: 100%; height: auto; }
	.T5038 .col2 { width: 60%; font-size: 12px; }
	.T5038 .col2 .content { padding: 0px 0px 0px 10px; }
	.T5038 .col2 h3 { font-size: 14px; }
	.T5038 .col3 {  width: 40%;  }
	.T5038 .col3 table {  font-size: 12px;  }
	.T5038 .col3 table td { vertical-align: top; }

	.T5038 .content_buttons {
		display: grid;
		grid-template-columns: 100%;
		padding-top: 5px;
		row-gap: 5px;
	}
	
}
