/*Standardkommentare bei der Auslieferung der Instanz - sollten drin bleiben*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*Die ID booking-type-item-course-67 ist grundsätzlich immer gleich es ändert sich nur die Zahl am Ende und die entspricht der KursID
in der Nimbuscloud und zwar exakt so wie wie in der Nimbuscloud ist.*/
#booking-type-item-course-72 .booking-type-name-course {
    font-size: 0; /* Original-Text "Kursbuchung" ausblenden */
} /*ZusatzInfo unterhalb des Preises, nur wieder die Zahl ändern und Schriftgröße*/
#booking-type-item-course-72 > span.booking-type-name-price > span::after {
    content: "per Lastschrift";
    white-space: pre-line;
    display: block;
    font-size: 14px; /* Anpassen falls nötig */
}
/*Bei content: "Inhalt angeben den du gerne hättest" - Anführungszeichen müssen bleiben. 
font-size ist die Schriftgröße*/
#booking-type-item-course-72 .booking-type-name-course::before {
    content: "Workshop";
    font-size: 16px; /* Schriftgröße wiederherstellen - ggf. anpassen */
}




#booking-type-item-course-70 .booking-type-name-course {
    font-size: 0; /* Original-Text "Kursbuchung" ausblenden */
}

#booking-type-item-course-70 .booking-type-name-course::before {
    content: "Workshop";
    font-size: 16px; /* Schriftgröße wiederherstellen - ggf. anpassen */
}
#booking-type-item-course-70 > span.booking-type-name-price > span::after {
    content: "per Lastschrift";
    white-space: pre-line;
    display: block;
    font-size: 14px; /* Anpassen falls nötig */
}


#booking-type-item-course-71 .booking-type-name-course {
    font-size: 0; /* Original-Text "Kursbuchung" ausblenden */
}

#booking-type-item-course-71 .booking-type-name-course::before {
    content: "Workshop";
    font-size: 16px; /* Schriftgröße wiederherstellen - ggf. anpassen */
}
#booking-type-item-course-71 > span.booking-type-name-price > span::after {
    content: "per Lastschrift";
    white-space: pre-line;
    display: block;
    font-size: 14px; /* Anpassen falls nötig */
}

/* .online-course-OnlineID und #booking-type-item-value-WERTKARTENID in der Nimbuscloud
   Einträge ergänzen bitte, der letzte ist immer ohne Komma.
 */
.online-course-62 #booking-type-item-value-3,
.online-course-62 #booking-type-item-value-2 {
    display: none;
}

/*----------------------------------
Schriftarten
-----------------------------------


@font-face {
  font-family: "Fira Sans";
  font-weight: 500;
  font-style: normal;
  src:
    local("Fira Sans"),
    url("https://tanzlounge-stadthagen.de/wp-content/uploads/omgf/gdlr-core-google-font/fira-sans-normal-latin-500.woff2") format("woff2");
}
@font-face {
  font-family: "Fira Sans";
  font-weight: 400;
  font-style: normal;
  src:
    local("Fira Sans"),
    url("https://tanzlounge-stadthagen.de/wp-content/uploads/omgf/gdlr-core-google-font/fira-sans-normal-latin-400.woff2") format("woff2");
}

/*Variablen*/

:root {
	--white: hsl(40, 100%, 97%); /*Einfach ein Weißton*/
    --bg-color: hsl(0, 0%, 100%); /*Hintergrund-Farbe für alle Fälle*/
	

	/*Buttons*/
	--bt-color: hsl(204, 98%, 20%); /*Hintergrundfarbe-Button*/
	--bt-color-hover: hsl(193, 78%, 63%); /*Farbe Button Hover State*/
	--bt-color-font: hsl(0, 0%, 100%);
    
	/*Schriftfarbe*/
	--color-font: hsl(220, 100%, 8%); 
	
	/*Table*/
	--th-bg-color:  transparent;
	--th-color-font: hsl(0, 0%, 45%); 
	--tr-bg-color-odd:  hsl(34, 93%, 94%);
	--tr-bg-color-even: hsl(220, 23%, 97%);

	/*Anmeldeformular: AlertBox*/
	--alert-bg: transparent;
	--alert-bo: hsl(34, 93%, 67%);


	

}


/*Sorgt dafür dass die Termine in der Kurstabelle nicht standardmäßig ausgeklappt sind*/

.course-events {
    display: none;
}
.required-item:after:not(#lblPartnerBic){
    content: ' *';
    color: #bc0001;
}

#lblPartnerBic:after,
label[for="customerBic"]:after{
    content: ' *' !important;
    color: transparent !important;
}

#lblPartnerBic:after,
label[for="customerBic"]:after,
label[for="partnerIban"]:after,
label[for="partnerAccountOwner"]:after{
	display:none !important;
}

/*Blendet den Kurschlüssel systemweit aus*/

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

/*Ticket 42264*/
#firstEvent > option:nth-child(n+5) {
    display: none;
}

/***************************************Body-Allgemein**********************************************************/

body {
    font-size: 18px;
    font-family: Fira Sans, Arial, Helvetica, sans-serif;
	font-weight: 400;
	background-color: var(--bg-color);
	color: var(--color-font);
}

h1, h2, h3, .h1, .h2, .h3 {
    margin-top: 0;
    font-weight: 500;
	font-family: Fira Sans, Arial, Helvetica, sans-serif;
	color: var(--color-font);
}
strong{
	font-weight: 500;
}
.form-control{
	border-width: 1px !important;
    padding: 12px !important;
    border-radius: 10px;
	border-color: #5bc3e5;
	font-size: 16px;
	min-height: 45px;
}
.booking-type-item:first-child{
	margin-left: 0px;
}
.booking-type-item{
	border-radius: 10px;
	border-width: 3px  !important;
	margin: 0px !important;
}
.booking-types-container{
	gap: 10px !important;
}
.booking-type-item:not(.selected){
	border-color: #5bc3e5 !important;
}
.booking-type-item.selected{
	border-color: #f9b65e;
	background-color: #fef2e2 !important;
	font-weight: 500  !important;
}

.registration-name-text-prefix,
.registration-name-text-prefix + strong{
	font-size: 22px !important;
	font-weight: 500;
	font-family: Fira Sans, Arial, Helvetica, sans-serif;
}

.btn {
	padding: 12px 24px !important;
    font-size: 16px;
    min-width: 200px;
    letter-spacing: 0.8px;
    font-weight: 500;
	font-family: Fira Sans, Arial, Helvetica, sans-serif;
}
#public-coupon-form > div:nth-child(1) > div.coupon-step-body > div.form-row.coupon-template-row > div.form-value.clearfix > div > div.coupon-template-preview-link > a{
	min-width: 0;
}
/******************************************Tabellen Sachen**********************************************/
table {
        /*margin: 15px;*/
        border-collapse: collapse;
        width: 90%;
    }
    th{
		background: var(--th-bg-color);
		font-weight: 500;
		font-family: Fira Sans, Arial, Helvetica, sans-serif;
	}
	thead tr{
		border-bottom: 1px solid #f9b65e;
	}
    tr {
        transition: all .2s ease-in;
        cursor: pointer;
		border-bottom: 2px solid #fef2e2;
    }
    
    
    h1 {
        font-weight: 600;
        text-align: center;
        color: var(--color-font);
        padding: 10px 0px;
    }

	tr.course-item td:last-of-type{
		text-align: right;
	}


    /*TabellenLinien weg*/
	.table>thead>tr>th,
	.table>tbody>tr>th,
	.table>tfoot>tr>th,
	.table>thead>tr>td,
	.table>tbody>tr>td,
	.table>tfoot>tr>td {
    	border: none;
	}
	/*Spalte Lehrer & Anmerkungen ausgeblendet  
	Standort ausblenden: td.col-location, th.col-location 
	*/
	
	/*td.col-teacher,
	  th.col-teacher,*/
	td.col-remarks,
	th.col-remarks,
	th.col-teacher,
	td.col-teacher,
	th.col-location,
	td.col-location{
    	display: none !important;
	}

	td{
		vertical-align: middle !important;
		background-color: transparent !important;
	}

	/*Das Wart Block in der Terminliste wird nicht angezeigt*/
	td.event-block{
		display:none;
	}
/*Button Änderungen  */

	.btn-default,
	.btn-primary{
    	text-decoration: none;
    	display: inline-block;
    	padding: 5px 14px;
    	background-color: var(--bt-color);
    	color: var(--bt-color-font);
    	border-radius: 27px;
   	
    	transition: all .25s;
	}

	.btn-default:visited,
	.btn-primary:visited{
    	text-decoration: none;
    	display: inline-block;
    	padding: 5px 14px;
    	background-color: var(--bt-color);
    	color: var(--bt-color-font);
    	border-radius: 27px;
    
    	transition: all .25s;
	}

	.btn-default:hover,
	.btn-primary:hover{
    	text-decoration: none;
    	display: inline-block;
    	padding: 5px 14px;
    	background-color: var(--bt-color-hover) !important;
    	color: var(--bt-color-font);
	}
	.btn-default.disabled{
    	background-color: var(--bt-color);
    	color: var(--bt-color-font);
	}
	/*Design der Alertbox*/

	.alert-info {
    	color: var(--color-font);
		background: var(--alert-bg);
		border: none;
		border-bottom: 1px solid;
		border-bottom-color: var(--alert-bo);
		border-radius: 0px;
	}
	
/*-----------------------------------------------------*/

#public-coupon-form,
.coupon-step-container,
.coupon-step-header{
	background: transparent !important;
}

/*------------------------------MediaQueries-------------------------------------*/

@media screen and (max-width: 600px) {
    thead,
    #courses-table>tbody>tr:nth-child(odd)>td.col-events,
    #courses-table>tbody>tr:nth-child(even)>td.col-events {
        display: none;
    }
    table td[class*="col-"],
    table th[class*="col-"] {
        display: block;
    }
    #courses-table table,
    #courses-table tr,
    #courses-table tbody,
    #courses-table td,
    #courses-table th {
        display: block;
		border:none;
    }
    #courses-table>tbody>tr:nth-child(odd),
    #courses-table>tbody>tr:nth-child(even) {
        background-color: var(--bg-color);
		color: var(--color-font);
        border-top: 1px solid rgba(255, 255, 255, 0.5);
        border-left: 1px solid rgba(255, 255, 255, 0.5);
        border-bottom: 1px solid #f9b65e;
        
    }
    /*Was vor den Zellen stehen soll*/
    #courses-table tbody tr:nth-child(even) td.col-coursename:before,
    #courses-table tbody tr:nth-child(odd) td.col-coursename:before {
        content: "Kurs:";
    }
    #courses-table tbody tr:nth-child(even) td.col-location:before,
    #courses-table tbody tr:nth-child(odd) td.col-location:before {
        content: "Ort:";
    }
    #courses-table tbody tr:nth-child(even) td.col-firstEvent:before,
    #courses-table tbody tr:nth-child(odd) td.col-firstEvent:before {
        content: "Einstieg: ";
    }
    #courses-table tbody tr:nth-child(even) td.col-events:before,
    #courses-table tbody tr:nth-child(odd) td.col-events:before {
        content: "Terminanzahl: ";
    }
    #courses-table tbody tr:nth-child(even) td.col-price:before,
    #courses-table tbody tr:nth-child(odd) td.col-price:before {
        content: "Preis: ";
    }
	 #courses-table tbody tr:nth-child(even) td.col-remarks:before,
    #courses-table tbody tr:nth-child(odd) td.col-remarks:before {
        content: "Anmerkungen: ";
    }
	
	
    /*Inhalt Zelle nach rechts*/
    td {
        text-align: right;
    }
    /*Inhalt Pseudo-Zelle nach links*/
    td::before {
        float: left;
        margin-right: 3rem;
        font-weight: 500;
    }
    #courses-table>tbody>tr:nth-child(odd)>td.col-coursename,
    #courses-table>tbody>tr:nth-child(even)>td.col-coursename {
        font-weight: 500;
    }
    /*Button soll die Zelle ausfüllen*/
        .btn-default {
            width: 100%;
        }
		
	.btn,
	.btn-primary{
		display:block;
		text-align:center;
		margin-top:10px;
		padding: 0.2em 0.6em;
	}
	.btn-default.disabled{
    	background-color: var(--bt-color);
    	color: var(--bt-color-font);
	}
    /*Überschrift Level weg*/
    body>div.level-header-name {
        display: none;
    }
	
}