/* ====================================
   Online-Kurse (Tutor LMS) im Shop-Design
   Schriften: Open Sans / Cormorant Garamond (lokal), Akzent Braun #75513f, Text Grau #868686,
   eckige Buttons in Grossbuchstaben wie "In den Warenkorb" auf der Produktseite.
   Wird nur auf Seiten mit Tutor-Inhalten geladen (inc/luxus-kurse.php).
   ==================================== */

/* --- Grundwerte (Tutor-Variablen) --- */
body,
[data-tutor-theme],
.tutor-wrap,
.tutor-learning-area{
	--tutor-font-family-body:"Open Sans", Arial, sans-serif !important;
	--tutor-font-family-heading:"Cormorant Garamond", "Times New Roman", serif !important;
	--tutor-color-primary:#75513f !important;
	--tutor-color-primary-rgb:117, 81, 63 !important;
	--tutor-color-primary-hover:#5b3f30 !important;
	--tutor-brand-600:#75513f !important;
	--tutor-brand-700:#5b3f30 !important;
	--tutor-body-color:#868686 !important;
	--tutor-color-secondary:#868686 !important;
	--tutor-color-muted:#868686 !important;
	--tutor-text-primary:#333333 !important;
	--tutor-text-secondary:#868686 !important;
	--tutor-text-subdued:#868686 !important;
	--tutor-border-color:#ececec !important;
	--tutor-border-idle:#ececec !important;
	--tutor-input-radius:3px !important;
}
.tutor-wrap,
.tutor-course-details-page,
.tutor-learning-area,
.tutor-modal{
	font-family:"Open Sans", Arial, sans-serif;
}

/* --- Buttons: eckig, Grossbuchstaben, Braun -> dunkles Braun --- */
.tutor-wrap .tutor-btn,
.tutor-course-details-page .tutor-btn,
.tutor-learning-area .tutor-btn-primary{
	border-radius:0 !important;
	font-family:"Open Sans", Arial, sans-serif;
	font-weight:700;
	font-size:12px;
	letter-spacing:2.4px;
	text-transform:uppercase;
	box-shadow:none !important;
}
.tutor-btn-primary,
.tutor-btn-outline-primary{
	background:#75513f !important;
	border-color:#75513f !important;
	color:#ffffff !important;
}
.tutor-btn-primary:hover,
.tutor-btn-outline-primary:hover,
.tutor-btn-primary:focus-visible,
.tutor-btn-outline-primary:focus-visible{
	background:#5b3f30 !important;
	border-color:#5b3f30 !important;
	color:#ffffff !important;
}
/* Zweitrangige Buttons (z. B. "Kurs abschliessen") als Umriss; in den Kurs-Kacheln bleibt "In den Warenkorb" gefuellt */
.tutor-sidebar-card .tutor-btn-outline-primary,
.tutor-learning-area .tutor-btn-outline-primary{
	background:#ffffff !important;
	color:#75513f !important;
	border:1px solid #75513f !important;
}
.tutor-sidebar-card .tutor-btn-outline-primary:hover,
.tutor-learning-area .tutor-btn-outline-primary:hover{
	background:#75513f !important;
	color:#ffffff !important;
}
.tutor-sidebar-card .tutor-color-success{
	color:#75513f !important;
}
.tutor-sidebar-card .tutor-enrolled-info-text{
	color:#868686;
}
.tutor-btn [class*="tutor-icon-cart"]{
	display:none; /* Shop-Buttons haben kein Warenkorb-Symbol */
}

/* ====================================
   Kursuebersicht: Karten wie Produktkacheln
   ==================================== */
.tutor-course-list.tutor-grid{
	gap:40px 30px;
}
.tutor-course-card{
	background:transparent !important;
	border:0 !important;
	border-radius:0 !important;
	box-shadow:none !important;
}
.tutor-course-card .tutor-course-thumbnail img,
.tutor-course-card .tutor-ratio{
	border-radius:3px;
}
.tutor-course-card .tutor-card-body{
	padding:18px 0 0 !important;
}
.tutor-course-card .tutor-course-name{
	margin:0;
	font-family:"Open Sans", Arial, sans-serif !important;
	font-size:14px !important;
	font-weight:700 !important;
	line-height:1.45 !important;
	letter-spacing:4.2px;
	text-transform:uppercase;
}
.tutor-course-card .tutor-course-name a{
	color:#232529 !important;
	text-decoration:none;
}
.tutor-course-card .tutor-course-name a:hover{
	color:#75513f !important;
}
.tutor-course-card .tutor-meta{
	margin:8px 0 0 !important;
	font-size:12px;
	color:#868686;
}
.tutor-course-card .tutor-meta.tutor-mt-auto{
	display:none; /* "Von Nicole Autritt" - es gibt nur eine Kursleiterin */
}
.tutor-course-card .tutor-card-footer{
	padding:14px 0 0 !important;
	border:0 !important;
	background:transparent !important;
}
.tutor-course-card .tutor-card-footer > div{
	flex-wrap:wrap;
	gap:12px;
}
.tutor-course-card .list-item-price .price,
.tutor-course-card .list-item-price .price *{
	font-size:12px !important;
	font-weight:700 !important;
	letter-spacing:2.4px;
	color:#868686 !important;
}
.tutor-course-card .list-item-button .tutor-btn{
	width:auto;
	padding:10px 18px;
	font-size:11px;
}
/* Sortierung schlicht wie im Shop */
.tutor-course-filter .tutor-form-select{
	min-width:0;
	border:0 !important;
	background-color:transparent !important;
	box-shadow:none !important;
	font-size:13px;
	color:#868686;
}

/* ====================================
   Kursseite (Verkaufsseite)
   ==================================== */
.tutor-course-details-title{
	font-family:"Cormorant Garamond", "Times New Roman", serif !important;
	font-size:28px !important;
	font-weight:400 !important;
	line-height:1.3 !important;
	color:#000000 !important;
}
.tutor-course-details-page h2,
.tutor-course-details-page h3,
.tutor-course-details-widget-title,
.tutor-course-content-title{
	font-family:"Open Sans", Arial, sans-serif !important;
	font-size:14px !important;
	font-weight:600 !important;
	letter-spacing:4.2px;
	text-transform:uppercase;
	color:#000000 !important;
}
.tutor-course-details-page .tutor-course-details-content,
.tutor-course-details-page .tutor-course-details-content p,
.tutor-course-details-page .tutor-course-details-widget li{
	color:#868686;
	line-height:26px;
}
.tutor-course-details-widget li::before,
.tutor-course-details-widget [class*="tutor-icon-bullet"]{
	color:#75513f !important;
}
/* Reiter (Kursinfo ...) wie die Reiter auf der Produktseite */
.tutor-course-details-page .tutor-nav{
	border-bottom:1px solid #ececec;
}
.tutor-course-details-page .tutor-nav-link{
	font-family:"Open Sans", Arial, sans-serif;
	font-size:14px !important;
	font-weight:600 !important;
	letter-spacing:4.2px;
	text-transform:uppercase;
	color:#000000 !important;
}
.tutor-course-details-page .tutor-nav-link.is-active,
.tutor-course-details-page .tutor-nav-link:hover{
	color:#75513f !important;
	border-color:#75513f !important;
}
/* Kaufbox */
.tutor-sidebar-card{
	border:1px solid #ececec !important;
	border-radius:0 !important;
	background:#ffffff !important;
	box-shadow:none !important;
}
.tutor-sidebar-card .tutor-card-body{
	background:#ffffff !important;
	padding:28px !important;
}
.tutor-sidebar-card .tutor-card-footer:not(:has(li)){
	display:none;
}
.tutor-course-sidebar-card-pricing span,
.tutor-course-sidebar-card-pricing bdi{
	font-size:22px !important;
	font-weight:700 !important;
	letter-spacing:2.2px;
	color:#75513f !important;
}
.tutor-sidebar-card .tutor-btn-lg{
	min-height:56px;
	font-size:14px !important;
	font-weight:600 !important;
	letter-spacing:2.8px;
}
.tutor-sidebar-card .tutor-btn-lg span{
	color:inherit;
}
/* Kursinhalt (Kapitel/Lektionen) */
.tutor-accordion-item{
	border:1px solid #ececec !important;
	border-radius:0 !important;
}
.tutor-accordion-item-header{
	font-family:"Open Sans", Arial, sans-serif !important;
	font-size:14px !important;
	font-weight:600 !important;
	letter-spacing:1px;
	color:#000000 !important;
	background:#fafafa !important;
	border-radius:0 !important;
}
.tutor-course-content-list-item,
.tutor-course-content-list-item a,
.tutor-course-content-list-item :not([class*="tutor-icon"]){
	font-family:"Open Sans", Arial, sans-serif !important;
	font-size:14px;
	color:#868686;
}
.tutor-course-content-list-item a:hover{
	color:#75513f;
}
/* Fortschritt (gekaufte Kurse) */
.tutor-progress-bar{
	border-radius:0 !important;
	background:#ececec !important;
}
.tutor-progress-bar-fill,
.tutor-progress-value{
	border-radius:0 !important;
	background:#75513f !important;
}

/* ====================================
   Lernbereich (Lektionen)
   ==================================== */
.tutor-learning-area{
	--tutor-surface-base:#ffffff !important;
	--tutor-surface-sidebar-l1:#fafafa !important;
	background:#ffffff;
}
.tutor-learning-header-title{
	font-family:"Cormorant Garamond", "Times New Roman", serif !important;
	font-size:22px !important;
	font-weight:500 !important;
	color:#000000 !important;
}
.tutor-learning-sidebar{
	background:#fafafa !important;
	border-right:1px solid #ececec;
}
.tutor-learning-nav-header,
.tutor-learning-nav-header *{
	font-weight:600;
	letter-spacing:1px;
	color:#000000;
}
.tutor-learning-nav-body a,
.tutor-learning-nav-body a *{
	color:#555555;
}
.tutor-learning-nav-body .active,
.tutor-learning-nav-body [aria-current]{
	border-radius:0 !important;
}
.tutor-learning-area .tutor-lesson-content,
.tutor-learning-area .tutor-tabs-content,
.tutor-learning-area .tutor-tabs-content p{
	color:#555555;
	font-size:15px;
	line-height:1.73;
}
.tutor-learning-area .tutor-lesson-content > *,
.tutor-learning-area .tutor-tabs-content > *{
	border-radius:0 !important;
}
.tutor-learning-area-footer .tutor-btn{
	border-radius:0 !important;
	font-size:12px;
	font-weight:700;
	letter-spacing:2.4px;
	text-transform:uppercase;
}
.tutor-mark-as-complete-button{
	border:0 !important;
	border-radius:0 !important;
	padding:10px 20px !important;
	background:#75513f !important;
	color:#ffffff !important;
	font-family:"Open Sans", Arial, sans-serif;
	font-size:12px !important;
	font-weight:700 !important;
	letter-spacing:2.4px;
	text-transform:uppercase;
}
.tutor-mark-as-complete-button{
	height:auto !important;
	min-height:40px;
	line-height:1.3 !important;
}
@media (max-width: 600px){
	.tutor-learning-area .tutor-learning-area-footer{
		flex-wrap:wrap !important;
		justify-content:space-between !important;
		gap:8px 12px;
	}
	.tutor-learning-area-footer form{
		order:3;
		flex:1 1 100%;
	}
	.tutor-mark-as-complete-button{
		width:100%;
		justify-content:center;
		letter-spacing:1.5px;
		padding:12px 14px !important;
	}
}
.tutor-mark-as-complete-button:hover{
	background:#5b3f30 !important;
}
.tutor-mark-as-complete-button *{
	color:inherit !important;
	stroke:currentColor;
}
.tutor-learning-area-footer form .tutor-btn{
	background:#75513f !important;
	border-color:#75513f !important;
	color:#ffffff !important;
}
.tutor-learning-area-footer form .tutor-btn:hover{
	background:#5b3f30 !important;
}
.tutor-learning-area-footer form .tutor-btn *{
	color:inherit !important;
}

/* Videos (Bunny Stream / Vimeo) bildschirmbreit im 16:9-Format */
.tutor-learning-area iframe{
	max-width:100%;
}