.T4709 .TraminoForm .group{
	margin-right: auto;
}.T4709 {
	color: #000000;
	margin: 15px 0px;
}

.T4709 .checkout{
	background-color: #fff;
	padding: 20px;
	margin: 0px auto 20px auto;		
}
.T4709 .fullCalendar-wrapper{
	width: 90%;
	margin: 20px auto;
}
.T4709 #fullCalendar{
	box-sizing: content-box;	
	margin: 20px auto;
}
.T4709 .checkout-btn{

	text-transform:  uppercase;
	text-align: center;
	padding: 14px;
	cursor: pointer;
	border-radius: 3px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 20px;
}

.T4709 .time-wrapper{	
	margin-top: 20px;
}


.T4709 .timediv:hover {
	cursor: pointer;
}
.T4709 .timediv {
	margin-bottom: 5px;
	border-bottom: 1px solid rgba(215, 215, 215,1);
	padding: 10px 10px 5px 10px;
}

.T4709 .timediv input[type="radio"]{
	margin-right:20px;
}
.T4709 .timediv input[type="radio"]:hover{
	cursor: pointer;
}
.T4709 #member{
	margin-top: 20px;
}
.T4709 .price {
	text-align: right;
	font-size: 40px;
	margin-top: -42px;
}

/* Termin Liste */

.T4709 .checkout .eventbox {
	padding: 14px 15px 12px 12px;
	margin-bottom: 5px;
	border-radius: 6px;
	background-color: #EEE;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}
/*.T4709 .checkout .eventbox.hasribbon { padding-right: 35px; }*/

.T4709 .checkout.eventsliste.dreispaltig .eventbox { margin-bottom: 20px; }

.T4709 .checkout .eventbox .content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.T4709 .checkout .eventbox .content .right { display: flex; flex-direction: column; gap: 0.2rem }

.T4709 .checkout .eventbox .content span.date { font-weight: bold; font-size: 18px; }
.T4709 .checkout .eventbox .content span.weekday { color: #555; font-size: 14px; }
.T4709 .checkout .eventbox .content .statusPlaetze { padding: 4px 10px 4px 6px; background-color: #FFF; font-weight:bold; font-size: 14px; white-space: nowrap; }
.T4709 .checkout .eventbox .content .statusPlaetze.full { border: 2px solid red; color: red; border-right: 20px solid red; }
.T4709 .checkout .eventbox .content .statusPlaetze.free { border: 2px solid green; color: green; border-right: 20px solid green; }
.T4709 .checkout .eventbox .content .statusPlaetze.less { border: 2px solid #eb8f00; color: #eb8f00; border-right: 20px solid #eb8f00; }

.T4709 .checkout .eventbox .content .vorlauf { font-size: 0.7rem; text-align: right; }

.T4709 .checkout .eventbox .content .bookingbutton { padding: 5px 10px; text-align: center; cursor: pointer;}
.T4709 .checkout .eventbox .content .bookingbutton.active { display: none; }

.T4709 .checkout .eventbox .booking_options { font-size: 12px; }

.T4709 .checkout .eventbox .booking_options .booking_options_header { margin-bottom: 3px; }


.T4709 .checkout .eventbox .price-wrapper { display: flex; justify-content: flex-end; margin-bottom: 0px; }
.T4709 .checkout .eventbox .price-wrapper.multiple { margin: 0px 0px 15px 0px; }
.T4709 .event-price { padding: 5px 10px; width: auto; }
.T4709 .price-wrapper select { padding: 4px 8px; width: 100%; }

.T4709 .checkout .eventbox .modalcart.hide { display: none; }
.T4709 .checkout .eventbox .modalcart {
	text-align: center;
	margin-top: 3px;
}
.T4709 .checkout .eventbox .booking_option {
	display: flex;
	justify-content: space-between;
}

.T4709 .checkout .eventbox .booking_option .booking_amount {
	display: flex;
	column-gap: 5px;
	flex-wrap: wrap;
}
.T4709 .checkout .eventbox .booking_option .class_name { align-self: center; text-align: left; margin-top: 5px; } 
.T4709 .checkout .eventbox .booking_option .booking {
	color: #FFF;
	padding: 5px 10px;
	cursor: pointer;
	background-color: #666
}

.T4709 .checkout.eventsliste.dreispaltig {
	width: 100%;
	float: none;
	display: grid;
	grid-template-columns: 98%;
	column-gap: 25px;
}


.T4709 .crew a {
	text-decoration: none;
}
.T4709 .crew { margin: 4px 0px 5px 0px; }
.T4709 .crew .kontakt-headline {
	text-decoration: none;
	color: #000;
	margin: 0px 5px 3px 12px;
}
.T4709 .crew .kontakt-headline a { color: #000; }

.T4709 .TraminoPaginator .anzahl { margin: 0px 20px 0px 0px; font-weight: bold; }
.T4709 .TraminoPaginator span { margin: 0px 5px 0px 0px; display: inline-block; }


.T4709 .checkout .eventbox.tinybox .content .statusPlaetze {
    padding: 0;
    height: 20px;
    margin: 10px;
}

.T4709 .checkout .eventbox.tinybox .content {
    justify-content: left;
    float: left;
    margin: 0 !important;
}

.T4709 .checkout .eventbox.tinybox .price-wrapper {
    float: left;
}

.T4709 .checkout .eventbox.tinybox .booking.bgcolor {
    float: right;
    padding: 7px;
}

.T4709 .checkout .eventbox.tinybox .modalcart {
    background: #ccc;
    position: absolute;
    top: 50px;
    right: 0;
    padding: 15px 15px 0 15px;
    z-index: 100;
    left: 0;
}

.T4709 .checkout .eventbox.tinybox {
    position: relative;
}

.T4709 .checkout .eventbox.tinybox .modalcart .booking.bgcolor {
    margin-left: 15px;
}



/* Ribbon */

.T4709 .ribbon {
	position: absolute;
	right: -5px; top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px; height: 75px;
	text-align: right;
}
.T4709 .ribbon span {
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 100px;
	display: block;
	background: #62AA20;
	background: linear-gradient(#9BC90D 0%, #62AA20 100%);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 19px; right: -21px;
}
.T4709 .ribbon span::before {
	content: "";
	position: absolute; left: 0px; top: 100%;
	z-index: -1;
	border-left: 3px solid #62AA20;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #62AA20;
}
.T4709 .ribbon span::after {
	content: "";
	position: absolute; right: 0px; top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #62AA20;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #62AA20;
}


.T4709 .box {
	height: auto;
	width: 100%;
	background-color: #fff;
	margin-bottom: 30px;
}
.T4709 .box .headline{
	padding: 20px 20px 0px 20px;
	padding-left: 20px;
	text-align: center;
}
.T4709 .box .subheadline{
	text-align: center;	
	padding-right: 25px;
	padding-left: 25px;
}

.T4709 .box .disclaimer{
	text-align: center;	
	padding: 20px;
}

.T4709 .details:before {
	content: "";
	display: block;
	width: 90%;
	border-top: 1px solid #EEE;
	margin: 20px auto;
}

.T4709 .details {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;	
	flex-direction: column;	
	margin: 0 20px;
	
}

.T4709 .detail {
	display: flex;
	justify-content: space-between;
	align-self: center;
	height: 70px;
	width: 90%;	
	margin:10px 10px;
	padding: 10px 5px;
}

.T4709 .detail i{
	font-size: 30px;
	text-align: center;
	margin-bottom: 10px;
}


.T4709 .detail span{
	text-align: right;
	white-space: nowrap;
}

.T4709 .detail {
	border-bottom:1px solid #eee;
}
.T4709 .fc-highlight {
    outline: 3px solid #ffc018 !important;
}
.T4709 .fc-button-primary{
	color: #fff;
    background-color: #00305f;
    border-color: #000;
}
.T4709 .fc-button-primary:hover{
	color: #fff;
    background-color: #1c9fe8;
    border-color: #000;
}
@media (min-width: 567px) {
	.T4709 .detail {
		width: 90%;	
		margin:10px 0px;
	}
	.T4709 .formbox {
		width: 100%;
	}
	.T4709 .timediv { font-size: 10px; }
	.T4709 .personen { margin-left: 10px;  }

	.T4709 .checkout.eventsliste.dreispaltig {
		width: 100%;
		float: none;
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 2%;
	}


}

@media (min-width: 768px) {

	.T4709 .checkout.eventsliste.dreispaltig {
		width: 100%;
		float: none;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 2%;
	}

	
}

@media (min-width: 1024px) {

	.T4709 .box{ width: 60%; float: left;}
	.T4709 .checkout{ width: 35%; float: right;}
	.T4709 .klar{clear: both;}	
	.T4709 .formbox{
		margin-left: 20px;
		width: 70%;
		float: right;
	}

}