#booking-type-item-value-27 .booking-type-name-price, #booking-type-item-value-27 .booking-type-name-seperator,
#booking-type-item-value-28 .booking-type-name-price, #booking-type-item-value-28 .booking-type-name-seperator,
#booking-type-item-value-29 .booking-type-name-price, #booking-type-item-value-29 .booking-type-name-seperator,
#booking-type-item-value-30 .booking-type-name-price, #booking-type-item-value-30 .booking-type-name-seperator,
#booking-type-item-value-31 .booking-type-name-price, #booking-type-item-value-31 .booking-type-name-seperator,
#booking-type-item-value-32 .booking-type-name-price, #booking-type-item-value-32 .booking-type-name-seperator,
#booking-type-item-value-33 .booking-type-name-price, #booking-type-item-value-33 .booking-type-name-seperator,
#booking-type-item-value-37 .booking-type-name-price, #booking-type-item-value-37 .booking-type-name-seperator,
#booking-type-item-value-38 .booking-type-name-price, #booking-type-item-value-38 .booking-type-name-seperator,
#booking-type-item-value-39 .booking-type-name-price, #booking-type-item-value-39 .booking-type-name-seperator,
#booking-type-item-value-40 .booking-type-name-price, #booking-type-item-value-40 .booking-type-name-seperator,
#booking-type-item-value-41 .booking-type-name-price, #booking-type-item-value-41 .booking-type-name-seperator,
#booking-type-item-value-42 .booking-type-name-price, #booking-type-item-value-42 .booking-type-name-seperator 
{
	display: none !important;
}

.level-header-name {
	display: none !important;	
}

.type-header-name {
	display: none !important;	
}


td.event-block {
	display: none !important;	
}

body{
    background-color: transparent;
}


.event-block {
	display: block !important;	
}	

.event-block-text {
	display: block !important;
    visibility: hidden;
}

.page-heading {
    padding: 20px !important;
}

.offline-message {
    margin: 20px;
}

.type-container{
    padding: 20px;
}

.type-container:before {
    content: " ";
    display: table;
}

.type-container:after{
    clear: both;
    content: " ";
    display: table;
}

.type-item {
    border: 1px solid #DDDDDD;
    float: left;

    width: 200px;
    margin: 10px;
}

.type-item.type-no-image .type-image {
    height: 200px;
}

.type-image {
    border-bottom: 1px solid #DDDDDD;
}

.type-item-teaser {
    padding: 5px;
    text-align: center;
}

.type-item-description {
    display: none;
}

.type-item-link, .type-item-group-link {
    border-top: 1px solid #DDDDDD;
    padding: 5px;
    text-align: center;
}

.type-item-group-link{
    display: none;
}

.type-item-name {
    font-weight: bolder;
    padding: 5px;
    text-align: center;

    border-bottom: 1px solid #DDDDDD;
}

.level-container{
    padding: 20px;
}

.level-container:before {
    content: " ";
    display: table;
}

.level-container:after{
    clear: both;
    content: " ";
    display: table;
}

.level-item {
    border: 1px solid #DDDDDD;
    float: left;

    width: 200px;
    margin: 10px;
}

.level-item.type-no-image .level-image {
    height: 200px;
}

.level-image {
    border-bottom: 1px solid #DDDDDD;
}

.level-item-teaser {
    padding: 5px;
    text-align: center;
}

.level-item-description {
    display: none;
}

.level-item-link {
    border-top: 1px solid #DDDDDD;
    padding: 5px;
    text-align: center;
}

.level-item-name {
    font-weight: bolder;
    padding: 8px 5px 5px 5px;
    text-align: center;
	height:47px;
}

.courses-container th {
    background: #ededed;
    color: #ffffff;
}

.courses-container td {
    border: 0 !important;
}

.courses-container th {
    border: 0 !important;
}


/* -------- FÜR BOTHE  ---------- */

.courses-container .table {border:1px solid #bfda62;}

.courses-container tr.course-item.odd>td {
    background-color:#f0f3d8!important;
}

.courses-container .course-events{
    display: none;
}

.courses-container .events-info {
    cursor: pointer;
}

.courses-container .course-events td{
    padding: 5px;
}

.courses-container .course-key {
    display: none;
}

.courses-container .course-event-item.past-item {
    font-style: italic;
    font-size: smaller;
}

.group-level-container {
}

.group-level-item {
    border: 1px solid #ffffff;
    margin: 20px 10px;
}

.group-level-item-name {
    padding: 10px 0 10px 0;
    background: #ffffff;
    color: #000000;
    font-weight:300;
text-transform:uppercase;
    font-size: 26px;
}

.group-level-item-description {
    padding: 10px;
	
}

.group-level-item-teaser{
    display: none;
}

.group-level-item-courses {
    font-size: .9em;
}

.group-level-item-courses th {
    border: 0 !important;
}

.group-level-item-courses tr.course-item.odd>td {
    /*background-color: rgba(156, 156, 156, 0.40) !important;*/
}

.group-level-item-courses .course-events{
    display: none;
}

.group-level-item-courses .events-info {
    cursor: pointer;
}

.group-level-item-courses .course-events td{
    padding: 5px;
}

.group-level-item-courses .course-key {
    display: none;
}

.group-level-item-courses .course-event-item.past-item {
    font-style: italic;
    font-size: smaller;
}


.required-item:after {
    content: ' *';
    color: #bc0001;
}

.form-control.parsley-error {
    border-color: #bc0001 !important;
    border-width: 1px !important;
}

ul.parsley-errors-list {
    list-style: none;
    color: #bc0001;
    margin: 5px;
    padding: 0;
}

#form-error {
    padding: 10px;
    border: 1px solid #bc0001;
    color: #bc0001;
    margin-top: 10px;
}

#form-success {
    color: darkgreen;
    padding: 10px;
    border: 1px solid darkgreen;
    margin-top: 30px;
    background-color: rgba(188, 188, 188, 1) !important;
}

.info-label {
    display: inline-block;
    width: 100px;
    font-weight: bold;
}

#public-registration-form .col-xs-4 {
    text-align: right;
}

#registrationFormSend {
    float: right;
}

#registrationFormSend.btn {
    text-transform: uppercase;
    border-radius: 3px;
    background-color: #bfda62;
}
#registrationFormSend.btn:hover {
    background-color: #bfda62;
}

#registrationFormCheckExisting.btn {
    text-transform: uppercase;
    border-radius: 3px;
    background-color: #bc0001;
}
#registrationFormCheckExisting.btn:hover {
    background-color: #ad0001;
}

.btn {color:#000000;}
.fa-info-circle {color:#218c17;}

/*body {
    padding: 0 !important;
    background-color: transparent !important;
    color: #AFAFAF;
}

.location-name{
    display: none;
}*/


/* -------- FÜR BOTHE  ---------- */

/* courses */
.table > thead > tr > th{
	border-bottom: 2px solid #A60000;
	color: #218c17;
	background-color:#bfda62;
}

.alert-info {
background-color:#f0f3d8!important;
border-color: #84d8ed;
	color: #218c17;}

/* -------- ENDE BOTHE  ---------- */


.events-info{
	cursor: pointer;
}

.course-events{
	display: none;
}

.course-events table{
	width: 100%;
}

.course-events > td{
	padding-top: 1em !important;
	padding-bottom: 1em !important;
}

.course-events > td:before{
	content: 'Terminübersicht:';
	font-weight: bold;
	display: block;
	margin-bottom: .5em;
}

.course-events > td td{
	padding: 2px 0;
}

.course-events .event-number{
	display: none;
}

 
.course-type {
    display: none !important;
}

td.col-teacher, 
th.col-teacher{
	width: 120px;
}

.col-price{
	width: 120px;
}

td.col-events{
	/*width: 140px;*/
	width: 150px;
}

th.col-events{
	/*width: 90px;*/
	width: 110px;
}

tr.odd td{
	background-color: #eee !important;
}

tr.even td{
	background-color: #ffffff !important;
}

.col-location{
	width: 140px;
	/*display: none !important;*/
}
/*Ticketanfrage: 15386 vom 18.10.2021 */

#booking-type-item-course-3688 > span.booking-type-name.booking-type-name-course,
#booking-type-item-course-3689 > span.booking-type-name.booking-type-name-course,
#booking-type-item-course-3690 > span.booking-type-name.booking-type-name-course {
    position: relative;
    color: transparent;
}

#booking-type-item-course-3688 > span.booking-type-name.booking-type-name-course::after,
#booking-type-item-course-3688 > span.booking-type-name.booking-type-name-course::after,
#booking-type-item-course-3690 > span.booking-type-name.booking-type-name-course::after {
    content: "WD Complete";
    position: absolute;
    top: 0;
    left: 0;
    color: black; /* Oder eine passende Farbe */
    font-size: inherit;
    font-weight: bold;
    white-space: nowrap; /* Verhindert Umbrüche */
}

#booking-type-item-course-3688 > span.booking-type-name-price > span,
#booking-type-item-course-3689 > span.booking-type-name-price > span,
#booking-type-item-course-3690 > span.booking-type-name-price > span {
    position: relative;
    color: transparent !important; /* Originaltext ausblenden, aber das Feld behalten */
    visibility: visible !important; /* Stellt sicher, dass das Feld sichtbar bleibt */
    display: inline-block !important; /* Verhindert, dass das Feld aus dem Layout verschwindet */
    min-width: 180px; /* Sorgt dafür, dass das Feld nicht zu klein wird */
    min-height: 40px; /* Falls nötig, um sicherzustellen, dass das Feld sichtbar bleibt */
}

#booking-type-item-course-3688 > span.booking-type-name-price > span::after,
#booking-type-item-course-3689 > span.booking-type-name-price > span::after,
#booking-type-item-course-3690 > span.booking-type-name-price > span::after {
    content: "10 Monatsraten à 61,00 €\A(endet automatisch)"; /* Richtiger Zeilenumbruch */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: black; /* Alternativ anpassbar */
    font-size: inherit;
    font-weight: bold;
    text-align: center;
    white-space: pre-wrap; /* Richtiger Zeilenumbruch */
    width: 100%; /* Stellt sicher, dass der Text die volle Breite nutzt */
    height: auto; /* Damit das Feld nicht verschwindet */
    display: block;

}

/* Sicherstellen, dass die gesamte Preisspalte verschwindet */
#courses-table thead tr th.col-price,
#courses-table tbody tr td.col-price,
#courses-table tbody tr.course-item.odd.location-1 td.col-price {
    display: none !important; /* Erzwingen der Änderung */
    visibility: hidden !important; /* Falls display:none nicht greift */
}

/* Mobile Ansicht (z. B. für Bildschirme kleiner als 768px) */
@media (max-width: 768px) {
    #courses-table thead tr th.col-price,
    #courses-table tbody tr td.col-price,
    #courses-table tbody tr.course-item.odd.location-1 td.col-price {
        display: none !important;
        visibility: hidden !important;
    }
}

/* Alternative Lösung: Falls das Tabellenlayout beeinflusst wird, nutzen wir column-hide statt display: none */
@media (max-width: 768px) {
    #courses-table thead tr th.col-price,
    #courses-table tbody tr td.col-price {
        width: 0 !important;
        max-width: 0 !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }


/*****************************************************************************************/


/* media queries */

@media screen and (max-width: 600px){
	#courses-table{
		font-size: .9em;
	}
	
	#courses-table table, tr, tbody, td, th{
		display: block;
	}
	
	#courses-table tr.course-item td{
		display: block !important;
	}
	
	#courses-table tr.course-item td.col-teacher, 
	#courses-table tr.course-item th.col-teacher{
		display: block !important;
	}
	
	#courses-table thead{
		display: none !important;
	}
	
	#courses-table > tbody > tr > td{
		/*padding-left: 50% !important;*/
		padding-left: 100px !important;
		position: relative;
		width: auto !important;
		border: 0px;
	}
	
	#courses-table tr.course-item{
		border-top: 1px solid #e6e7e8;
	}
	
	#courses-table tr.course-events{
		display: none;
	}
	
	#courses-table tr.course-events td{
		padding-left: 1em !important;
	}
	
	#courses-table .course-item td:before{
		font-weight: bold;
		padding-right: 1em;
		display: inline-block;
		width: 90px;
		margin-left: -90px;
	}
	
	#courses-table .course-item td:first-child:before{
		content: "Kurs: ";
	}
	
	#courses-table .course-item td:last-child{
		padding-left: 0px !important;
	}
	
	#courses-table .course-item td:last-child:before{
		content: "";
	}
	
	#courses-table .course-item td.col-events:before{
		content: "Einstieg: ";
	}
	
	#courses-table .course-item td.col-price:before{
		content: "Preis: ";
	}
	
	#courses-table .course-item td.col-firstEvent:before{
		content: "Einstieg: ";
	}
	
	#courses-table .course-item td.col-coursename:before{
		content: "Kurs: ";
	}
	#courses-table .course-item td.col-location:before{
		content: "Location: ";
	}
	#courses-table .course-item td.col-teacher:before{
		content: "Lehrer: ";
	}
	#courses-table .course-item td.col-events:before{
		content: "Termine: ";
	}
	#courses-table .course-item td.col-price:before{
		content: "Preis: ";
	}
	#courses-table .course-item td.col-remarks:before{
		content: "Anmerkungen: ";
	}
	
	
	
	#courses-table .btn-text{
		display: inline !important;
		font-size: 16px;
	}
	
}

.button_gutschein{
border:1px solid #df0909;-webkit-box-shadow: #919191 3px 3px 3px  ;-moz-box-shadow: #919191 3px 3px 3px ; box-shadow: #919191 3px 3px 3px  ; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:21px;font-family:arial, helvetica, sans-serif; padding: 17px 17px 17px 17px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
 background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
 background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
 background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
 background-image: -o-linear-gradient(top, #f62b2b, #d20202);
 background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
}

.button_gutschein:hover{
 border:1px solid #b30808;
 background-color: #e40a0a; background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
 background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
 background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);
}