/*
Theme Name: Jollycat Academy
Theme URI: https://jollycat.academy
Author: David Moretto
Description: Eigenständiges, responsives Theme für Jollycat Academy – ohne Haru und WPBakery.
Version: 1.0.0
Text Domain: jollycat-academy
*/

:root {
	--jc-orange: #ef741f;
	--jc-orange-deep: #b24f16;
	--jc-brown: #6a351f;
	--jc-ink: #202020;
	--jc-charcoal: #282828;
	--jc-muted: #777;
	--jc-cream: #fff0d9;
	--jc-soft: #f4f4f4;
	--jc-white: #fff;
	--jc-max: 1180px;
	--jc-radius: 13px;
	--jc-shadow: 0 16px 45px rgba(28, 22, 18, .12);
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	color: var(--jc-ink);
	background: var(--jc-white);
	font: 16px/1.72 Ubuntu, "Trebuchet MS", Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}

body.admin-bar .site-header {
	top: 32px;
}

a {
	color: var(--jc-orange-deep);
	text-decoration: none;
	transition: color .2s ease, opacity .2s ease, transform .2s ease;
}

a:hover {
	color: var(--jc-orange);
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 .7em;
	line-height: 1.18;
	font-weight: 700;
}

p {
	margin: 0 0 1.25em;
}

ul,
ol {
	margin: 0 0 1.5em;
	padding-left: 1.35em;
}

.site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	color: #ddd;
	background: #242424;
	box-shadow: 0 5px 24px rgba(0, 0, 0, .18);
}

.site-header__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: var(--jc-max);
	min-height: 128px;
	margin: auto;
	padding: 14px 10px;
	overflow: hidden;
	transition: min-height .25s ease, height .25s ease, padding .25s ease, opacity .2s ease;
}

.site-logo {
	display: inline-flex;
	border-radius: 50%;
	overflow: hidden;
}

.site-logo img {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	transition: width .25s ease, height .25s ease;
}

.site-nav {
	display: flex;
	align-items: stretch;
	gap: 0;
	max-width: var(--jc-max);
	height: 60px;
	margin: auto;
	padding: 0 10px;
	transition: height .25s ease;
}

.site-nav a {
	display: flex;
	align-items: center;
	padding: 0 22px;
	border-bottom: 2px solid transparent;
	color: #cfcfcf;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
}

.site-nav a:first-child,
.site-nav a:hover {
	color: var(--jc-orange);
	border-bottom-color: var(--jc-orange);
}

.site-nav a[target="_blank"]::after {
	content: "↗";
	margin-left: 5px;
	font-size: 11px;
	opacity: .72;
}

.nav-toggle {
	display: none;
	padding: 10px 15px;
	border: 1px solid #555;
	border-radius: 4px;
	color: #fff;
	background: transparent;
	font: inherit;
	font-weight: 700;
}

.site-main {
	min-height: 50vh;
	overflow: hidden;
}

.site-main [id] {
	scroll-margin-top: 75px;
}

.wpb-content-wrapper > p:first-child,
.wpb-content-wrapper > p:last-child {
	margin: 0;
}

.jc-row {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
	width: 100%;
	margin: 0 auto;
	padding: 46px max(5vw, calc((100vw - var(--jc-max)) / 2));
	background: #fff;
}

.jc-row--inner {
	max-width: var(--jc-max);
	padding: 24px 0;
}

.jc-row--image {
	min-height: 390px;
	color: #fff;
	background-position: center;
	background-size: cover;
}

.jc-page .jc-row:first-of-type {
	min-height: 458px;
	padding-top: 70px;
	padding-bottom: 70px;
}

.jc-page .jc-row:nth-of-type(even):not(.jc-row--image) {
	background: #fff;
}

.jc-row--courses {
	gap: 0;
	min-height: 0 !important;
	padding-top: 36px !important;
	padding-bottom: 42px !important;
	border-top: 1px solid rgba(178, 79, 22, .13);
	border-bottom: 1px solid rgba(178, 79, 22, .13);
	background:
		radial-gradient(circle at 15% 20%, rgba(239, 116, 31, .10), transparent 35%),
		linear-gradient(135deg, #fff7ec 0%, #eef7f7 100%) !important;
	box-shadow: inset 0 16px 35px rgba(72, 46, 29, .035);
}

.jc-row--courses > .jc-col > .jc-row--inner {
	gap: 18px;
	min-height: 0 !important;
	padding-top: 8px;
	padding-bottom: 8px;
}

.jc-row--courses > .jc-col > .jc-row--inner + .jc-row--inner {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-auto-rows: 1fr;
	align-items: stretch;
	padding-top: 0;
}

.jc-row--courses > .jc-col > .jc-row--inner + .jc-row--inner > .jc-col {
	display: flex;
	align-items: stretch;
	width: auto;
	max-width: none;
	margin: 0;
}

.jc-row--courses .jc-heading {
	margin-bottom: 8px;
	color: var(--jc-orange-deep) !important;
}

.jc-row--courses .jc-copy p {
	margin-bottom: 8px;
}

.jc-row--courses .jc-info-box {
	width: 100%;
	padding: 20px;
	border-color: rgba(239, 116, 31, .18);
	border-top: 4px solid var(--jc-orange);
	background: rgba(255, 255, 255, .94);
	box-shadow: 0 11px 28px rgba(87, 54, 31, .09);
	cursor: pointer;
	transform-origin: center bottom;
	transition:
		border-color .3s ease,
		background-color .3s ease,
		box-shadow .3s ease,
		transform .3s cubic-bezier(.2, .8, .2, 1);
}

.jc-row--courses .jc-info-box::before {
	position: absolute;
	z-index: 3;
	top: -15px;
	right: 14px;
	content: "Auswählen →";
	padding: 5px 11px;
	border-radius: 999px;
	color: #fff;
	background: var(--jc-orange);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .03em;
	opacity: 0;
	box-shadow: 0 8px 18px rgba(178, 79, 22, .24);
	transform: translateY(7px);
	transition: opacity .25s ease, transform .25s ease;
}

.jc-row--courses a.jc-info-box:hover,
.jc-row--courses a.jc-info-box:focus-visible {
	z-index: 4;
	border-color: rgba(239, 116, 31, .5);
	color: var(--jc-ink);
	background: #fff;
	box-shadow: 0 26px 52px rgba(129, 67, 25, .22);
	outline: none;
	transform: translateY(-12px) scale(1.025);
}

.jc-row--courses a.jc-info-box:hover::before,
.jc-row--courses a.jc-info-box:focus-visible::before {
	opacity: 1;
	transform: translateY(0);
}

.jc-row--courses a.jc-info-box:focus-visible {
	outline: 3px solid rgba(239, 116, 31, .32);
	outline-offset: 5px;
}

.jc-row--courses .jc-info-box h3,
.jc-row--courses .jc-info-box__content img,
.jc-row--courses .jc-info-box__content .nk-awb {
	transition: color .3s ease, filter .3s ease, transform .35s ease;
}

.jc-row--courses a.jc-info-box:hover h3,
.jc-row--courses a.jc-info-box:focus-visible h3 {
	color: var(--jc-orange-deep);
}

.jc-row--courses a.jc-info-box:hover .jc-info-box__content img,
.jc-row--courses a.jc-info-box:focus-visible .jc-info-box__content img {
	filter: saturate(1.12) contrast(1.04);
	transform: scale(1.055);
}

.jc-row--courses a.jc-info-box:hover .jc-info-box__content .nk-awb,
.jc-row--courses a.jc-info-box:focus-visible .jc-info-box__content .nk-awb {
	transform: scale(1.035);
}

.jc-row--why {
	min-height: 540px;
	background-position: center;
}

.jc-row--why > .jc-col > .jc-row--inner {
	min-height: 0 !important;
	color: #fff;
	background: transparent !important;
}

.jc-row--why .jc-cta {
	max-width: 610px;
	margin: 0;
	padding: 34px 38px;
	border: 1px solid rgba(255, 255, 255, .24);
	border-radius: 12px;
	color: #fff;
	background: rgba(18, 24, 30, .62);
	text-align: left;
	box-shadow: 0 18px 55px rgba(0, 0, 0, .24);
	backdrop-filter: blur(5px);
}

.jc-row--why .jc-cta h3 {
	color: #fff;
	font-size: clamp(28px, 3vw, 43px);
}

.jc-row--why .jc-cta li::marker {
	color: var(--jc-orange);
}

.jc-row--why .jc-heading--course-cta {
	max-width: 430px;
	margin: 0 auto 10px;
	font-size: clamp(23px, 2.5vw, 31px) !important;
	line-height: 1.36;
}

.jc-row--why .jc-image--course-character {
	width: min(210px, 62%);
	margin: 8px auto 0;
}

.jc-row--why .jc-image--course-character img {
	max-height: 230px;
	object-fit: contain;
}

.jc-col {
	position: relative;
	flex: 1 1 100%;
	min-width: 0;
}

.jc-col--16 {
	flex-basis: calc(16.666% - 25px);
	max-width: calc(16.666% - 25px);
}

.jc-col--25 {
	flex-basis: calc(25% - 23px);
	max-width: calc(25% - 23px);
}

.jc-col--33 {
	flex-basis: calc(33.333% - 20px);
	max-width: calc(33.333% - 20px);
}

.jc-col--50 {
	flex-basis: calc(50% - 15px);
	max-width: calc(50% - 15px);
}

.jc-col--66 {
	flex-basis: calc(66.666% - 10px);
	max-width: calc(66.666% - 10px);
}

.jc-col--75 {
	flex-basis: calc(75% - 8px);
	max-width: calc(75% - 8px);
}

.jc-col--84 {
	flex-basis: calc(83.333% - 5px);
	max-width: calc(83.333% - 5px);
}

.jc-col--100 {
	flex-basis: 100%;
	max-width: 100%;
}

.jc-heading {
	position: relative;
	z-index: 1;
}

.jc-heading[style*="text-align:center"] {
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
}

.jc-copy {
	position: relative;
	z-index: 1;
}

.jc-copy > :last-child {
	margin-bottom: 0;
}

.jc-image {
	position: relative;
	z-index: 1;
	margin: 18px 0;
}

.jc-image img {
	width: 100%;
	border-radius: 10px;
	object-fit: cover;
}

.jc-row--image .jc-image img {
	max-height: 320px;
	object-fit: contain;
	border-radius: 0;
}

.jc-banner {
	position: relative;
	z-index: 1;
	display: block;
	color: #fff;
	text-align: center;
}

.jc-banner img {
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 9px;
	object-fit: cover;
}

.jc-banner__ribbon {
	position: absolute;
	z-index: 2;
	top: 8px;
	right: -10px;
	padding: 7px 13px;
	color: #fff;
	background: #d79a30;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	transform: rotate(45deg);
}

.jc-banner__label {
	display: block;
	padding: 8px 4px;
	color: #fff;
	font-size: 12px;
}

.jc-info-box {
	position: relative;
	z-index: 1;
	display: block;
	height: 100%;
	padding: 24px;
	border: 1px solid #eee;
	border-radius: var(--jc-radius);
	color: var(--jc-ink);
	background: var(--jc-soft);
	text-align: center;
	box-shadow: 0 5px 20px rgba(0, 0, 0, .05);
	transition: transform .2s ease, box-shadow .2s ease;
}

a.jc-info-box:hover {
	color: var(--jc-ink);
	box-shadow: var(--jc-shadow);
	transform: translateY(-4px);
}

.jc-info-box h3 {
	color: var(--jc-orange);
	font-size: 19px;
}

.jc-info-box__icon {
	width: 94px;
	height: 94px;
	margin: 0 auto 18px;
	border-radius: 50%;
	object-fit: cover;
}

.jc-info-box__content img {
	width: 100%;
	border-radius: 7px;
}

.jc-info-box__content .nk-awb {
	position: relative;
	z-index: 1;
	margin: 10px 0;
	border-radius: 999px;
	overflow: hidden;
}

.jc-info-box__content .nk-awb-wrap {
	position: absolute;
	z-index: -1;
	inset: 0;
}

.jc-info-box__content .nk-awb-overlay {
	position: absolute;
	inset: 0;
}

.jc-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 11px 25px;
	border: 0;
	border-radius: 999px;
	color: #fff !important;
	background: var(--jc-orange);
	font: inherit;
	font-weight: 700;
	cursor: pointer;
	box-shadow: 0 7px 18px rgba(239, 116, 31, .24);
}

.jc-button:hover {
	background: var(--jc-orange-deep);
	transform: translateY(-1px);
}

.jc-cta {
	max-width: 760px;
	margin: 26px auto;
	padding: 30px;
	border-radius: var(--jc-radius);
	color: #fff;
	background: var(--jc-orange);
	text-align: center;
}

.jc-gallery {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin: 28px 0;
}

.jc-gallery img {
	width: 100%;
	aspect-ratio: 16 / 10;
	border-radius: 9px;
	object-fit: cover;
}

.jc-testimonials {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	width: 100%;
}

.jc-quote {
	margin: 0;
	padding: 28px;
	border-radius: var(--jc-radius);
	color: var(--jc-ink);
	background: #fff;
	box-shadow: var(--jc-shadow);
}

.jc-quote__avatar {
	width: 72px;
	height: 72px;
	margin: 0 auto 16px;
	border-radius: 50%;
	object-fit: cover;
}

.jc-quote blockquote {
	margin: 0;
	font-size: 14px;
}

.jc-stars {
	margin: 15px 0 8px;
	color: #f39800;
	letter-spacing: 2px;
}

.jc-quote figcaption {
	color: var(--jc-muted);
	font-size: 13px;
}

.jc-testimonials-section {
	padding: 70px max(5vw, calc((100vw - var(--jc-max)) / 2)) 82px;
	background: linear-gradient(180deg, #faf8f5 0%, #fff 100%);
	text-align: center;
}

.jc-testimonials-section > h2 {
	margin-bottom: 54px;
	font-size: clamp(30px, 4vw, 48px);
}

.jc-testimonials-slider {
	position: relative;
}

.jc-testimonials-viewport {
	overflow-x: auto;
	padding: 0 3px 18px;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.jc-testimonials-viewport::-webkit-scrollbar {
	display: none;
}

.jc-testimonials-viewport:focus-visible {
	border-radius: 18px;
	outline: 3px solid rgba(239, 116, 31, .32);
	outline-offset: 6px;
}

.jc-testimonials-grid {
	--jc-testimonial-columns: 3;
	--jc-testimonial-gap: 26px;
	display: flex;
	gap: 26px;
	align-items: stretch;
}

.jc-testimonial-card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 0 0 calc((100% - (var(--jc-testimonial-columns) - 1) * var(--jc-testimonial-gap)) / var(--jc-testimonial-columns));
	min-width: 0;
	height: auto;
	margin-top: 44px;
	padding: 66px 30px 30px;
	border: 1px solid #eee8e0;
	border-radius: 16px;
	background: rgba(255, 255, 255, .96);
	box-shadow: 0 18px 52px rgba(58, 43, 31, .09);
	scroll-snap-align: start;
}

.jc-testimonials-controls {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-top: 12px;
}

.jc-testimonial-arrow {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	padding: 0 0 4px;
	border: 1px solid rgba(178, 79, 22, .2);
	border-radius: 50%;
	color: #fff;
	background: var(--jc-orange);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 37px;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 8px 20px rgba(178, 79, 22, .2);
	transition: background-color .2s ease, transform .2s ease, opacity .2s ease;
}

.jc-testimonial-arrow:hover,
.jc-testimonial-arrow:focus-visible {
	background: var(--jc-orange-deep);
	transform: translateY(-2px);
}

.jc-testimonial-arrow:focus-visible {
	outline: 3px solid rgba(239, 116, 31, .28);
	outline-offset: 3px;
}

.jc-testimonial-arrow:disabled {
	opacity: .32;
	cursor: default;
	transform: none;
}

.jc-testimonial-arrow[hidden] {
	display: none;
}

.jc-testimonial-avatar {
	position: absolute;
	top: -48px;
	left: 50%;
	display: grid;
	place-items: center;
	width: 96px;
	height: 96px;
	border: 5px solid #fff;
	border-radius: 50%;
	overflow: hidden;
	color: #fff;
	background: linear-gradient(135deg, var(--jc-orange), var(--jc-orange-deep));
	font-size: 34px;
	font-weight: 700;
	box-shadow: 0 12px 30px rgba(73, 48, 29, .18);
	transform: translateX(-50%);
}

.jc-testimonial-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.jc-testimonial-stars {
	margin-bottom: 18px;
	color: #d99b28;
	font-size: 14px;
	letter-spacing: 4px;
	line-height: 1;
}

.jc-testimonial-stars span {
	color: #ddd;
}

.jc-testimonial-card blockquote {
	position: relative;
	flex: 1 1 auto;
	margin: 0;
	padding-top: 32px;
	color: #4a4641;
	font-size: 15px;
	line-height: 1.75;
	text-align: left;
}

.jc-testimonial-card blockquote::before {
	position: absolute;
	top: -24px;
	left: 50%;
	content: "“";
	color: var(--jc-orange);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 78px;
	font-weight: 700;
	line-height: 1;
	opacity: .85;
	transform: translateX(-50%);
}

.jc-testimonial-card blockquote p:last-child {
	margin-bottom: 0;
}

.jc-testimonial-card footer {
	width: 100%;
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid #eee7df;
	text-align: center;
}

.jc-testimonial-card footer strong,
.jc-testimonial-card footer small {
	display: block;
}

.jc-testimonial-card footer strong {
	color: var(--jc-ink);
	font-size: 16px;
}

.jc-testimonial-card footer small {
	margin-top: 5px;
	color: #8a8179;
	font-size: 12px;
	line-height: 1.45;
}

.jc-accordion {
	width: min(100%, 900px);
	margin: 28px auto;
}

.jc-accordion__item {
	border-bottom: 1px solid #ddd;
}

.jc-accordion__item summary {
	padding: 18px 6px;
	color: var(--jc-orange-deep);
	font-size: 18px;
	font-weight: 700;
	cursor: pointer;
}

.jc-accordion__item > div {
	padding: 0 6px 18px;
}

.jc-price-table {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin: 28px 0;
}

.jc-price-table > div {
	padding: 25px;
	border-radius: 9px;
	background: var(--jc-soft);
	text-align: center;
}

.jc-price-table h3 {
	color: var(--jc-orange);
}

.jc-price-table strong {
	display: block;
	font-size: 30px;
}

.jc-price-table small {
	display: block;
	margin-bottom: 12px;
	color: var(--jc-muted);
}

.jc-page--course-detail > .wpb-content-wrapper > .jc-row:not(:first-of-type) {
	padding-top: 48px;
	padding-bottom: 48px;
	border-bottom: 1px solid rgba(80, 61, 46, .08);
}

.jc-page--course-detail > .wpb-content-wrapper > .jc-row:not(.jc-row--image):nth-of-type(odd) {
	background: linear-gradient(135deg, #fff9f1 0%, #f2f8f8 100%);
}

.jc-page--course-detail .jc-row--image:first-of-type {
	min-height: 360px;
	padding-top: 48px;
	padding-bottom: 48px;
}

.jc-page--course-detail .jc-row--image:first-of-type > .jc-col--66 {
	max-width: 720px;
	padding: 25px 30px;
	border-left: 4px solid rgba(239, 116, 31, .88);
	border-radius: 10px;
	background: rgba(15, 20, 24, .72);
	box-shadow: 0 18px 48px rgba(0, 0, 0, .2);
	backdrop-filter: blur(4px);
}

.jc-page--course-detail .jc-row--image:first-of-type .jc-heading {
	margin-bottom: 8px;
	color: rgba(255, 255, 255, .88) !important;
	text-shadow: 0 2px 14px rgba(0, 0, 0, .5);
}

.jc-page--course-detail .jc-row--image:first-of-type h1:first-of-type {
	color: #fff0dd !important;
	font-size: clamp(32px, 4vw, 44px) !important;
	font-weight: 650;
	letter-spacing: -.025em;
}

.jc-page--course-detail .jc-row:not(.jc-row--image) h1 {
	font-size: clamp(27px, 3vw, 34px) !important;
	font-weight: 650;
	letter-spacing: -.018em;
}

.jc-page--course-detail .jc-row:not(.jc-row--image) h2 {
	font-size: clamp(21px, 2.4vw, 27px) !important;
	font-weight: 650;
	letter-spacing: -.012em;
}

.jc-page--course-detail .jc-row:not(.jc-row--image) h3 {
	font-size: clamp(18px, 2vw, 22px);
}

.jc-page--course-detail .jc-row:not(.jc-row--image),
.jc-page--course-detail .jc-row--inner {
	align-items: flex-start;
}

.jc-page--course-detail .jc-row--inner {
	gap: 28px;
}

.jc-page--course-detail .jc-info-box--requirements {
	display: grid;
	grid-template-columns: 105px minmax(0, 1fr);
	grid-template-rows: auto 1fr;
	align-items: center;
	gap: 4px 24px;
	height: auto;
	margin-top: 22px;
	padding: 24px 26px;
	border-color: #eadfD4;
	background: #fff;
	text-align: left;
}

.jc-page--course-detail .jc-info-box--requirements .jc-info-box__icon {
	grid-row: 1 / 3;
	width: 105px;
	height: 105px;
	margin: 0;
}

.jc-page--course-detail .jc-info-box--requirements h3 {
	margin: 0 0 6px;
}

.jc-page--course-detail .jc-info-box--requirements .jc-info-box__content {
	grid-column: 2;
}

.jc-page--course-detail .jc-info-box--requirements .jc-info-box__content ul {
	margin-bottom: 0;
}

.jc-page--course-detail .jc-price-table,
.jc-page--course-detail table {
	overflow: hidden;
	border: 1px solid #eee5db;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 16px 42px rgba(62, 43, 29, .08);
}

.jc-page--course-detail .jc-image img,
.jc-page--course-detail .jc-gallery img {
	box-shadow: 0 14px 38px rgba(45, 36, 30, .12);
}

.jc-page--course-detail .jc-row--course-overview,
.jc-page--course-detail .jc-row--course-outline {
	min-height: 0;
	padding-top: 34px;
	padding-bottom: 34px;
	border-bottom-color: rgba(255, 255, 255, .08);
	color: rgba(255, 255, 255, .88);
	background:
		radial-gradient(circle at 15% 20%, rgba(239, 116, 31, .13), transparent 35%),
		linear-gradient(135deg, #363130 0%, #211f1e 100%) !important;
}

.jc-page--course-detail .jc-row--course-overview + .jc-row--course-outline {
	padding-top: 8px;
}

.jc-page--course-detail .jc-row--course-overview .jc-heading,
.jc-page--course-detail .jc-row--course-outline .jc-heading {
	margin-bottom: 10px;
	color: #fff2e5 !important;
	font-size: clamp(23px, 2.7vw, 30px) !important;
	font-weight: 650;
}

.jc-page--course-detail .jc-row--course-outline .jc-accordion {
	margin-top: 12px;
	margin-bottom: 0;
	padding: 5px 22px;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 14px;
	background: rgba(255, 255, 255, .045);
}

.jc-page--course-detail .jc-row--course-outline .jc-accordion__item {
	border-bottom-color: rgba(255, 255, 255, .13);
}

.jc-page--course-detail .jc-row--course-outline .jc-accordion__item:last-child {
	border-bottom: 0;
}

.jc-page--course-detail .jc-row--course-outline .jc-accordion__item summary {
	color: #ffc18e;
}

.jc-page--course-detail .jc-row--course-outline .jc-accordion__item > div,
.jc-page--course-detail .jc-row--course-outline .jc-copy,
.jc-page--course-detail .jc-row--course-outline li {
	color: rgba(255, 255, 255, .86);
}

.jc-page--course-detail .jc-row--course-outline a {
	color: #ffc18e;
}

.jc-related-courses {
	padding: 46px max(5vw, calc((100vw - var(--jc-max)) / 2)) 52px;
	background: #f6f2ed;
	text-align: center;
}

.jc-related-courses > h2 {
	margin-bottom: 27px;
	color: #4d4843;
	font-size: clamp(25px, 3vw, 32px);
	font-weight: 650;
	letter-spacing: -.015em;
}

.jc-related-courses > .jc-eyebrow {
	font-size: 11px;
}

.jc-related-courses__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	align-items: stretch;
}

.jc-related-course {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	border: 1px solid #e8ded4;
	border-radius: 16px;
	color: var(--jc-ink);
	background: #fff;
	text-align: left;
	box-shadow: 0 14px 38px rgba(70, 49, 32, .08);
	transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}

.jc-related-course:hover,
.jc-related-course:focus-visible {
	border-color: rgba(239, 116, 31, .5);
	color: var(--jc-ink);
	box-shadow: 0 24px 52px rgba(115, 61, 25, .18);
	outline: none;
	transform: translateY(-9px);
}

.jc-related-course:focus-visible {
	outline: 3px solid rgba(239, 116, 31, .3);
	outline-offset: 4px;
}

.jc-related-course__image {
	overflow: hidden;
	aspect-ratio: 16 / 10;
	background: #e8e2dc;
}

.jc-related-course__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: filter .3s ease, transform .4s ease;
}

.jc-related-course:hover .jc-related-course__image img,
.jc-related-course:focus-visible .jc-related-course__image img {
	filter: saturate(1.1) contrast(1.04);
	transform: scale(1.06);
}

.jc-related-course__content {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: 20px;
}

.jc-related-course__level {
	margin-bottom: 8px;
	color: var(--jc-orange-deep);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.jc-related-course h3 {
	margin-bottom: 12px;
	color: var(--jc-orange);
	font-size: 20px;
}

.jc-related-course p {
	flex: 1 1 auto;
	color: #5f5953;
	font-size: 14px;
}

.jc-related-course strong {
	align-self: flex-start;
	padding: 7px 13px;
	border-radius: 999px;
	color: var(--jc-orange-deep);
	background: #fff1e5;
	font-size: 13px;
	transition: color .2s ease, background-color .2s ease;
}

.jc-related-course:hover strong,
.jc-related-course:focus-visible strong {
	color: #fff;
	background: var(--jc-orange);
}

.jc-page--course-detail .jc-contact {
	padding-top: 42px;
	padding-bottom: 46px;
}

.jc-page--workshop-einzelkurs .jc-row--tailored-personal,
.jc-page--workshop-einzelkurs .jc-row--tailored-schools,
.jc-page--workshop-einzelkurs .jc-row--tailored-lecturer {
	gap: 24px 30px;
	min-height: 0;
	padding-top: 34px;
	padding-bottom: 40px;
	align-items: flex-start;
}

.jc-page--workshop-einzelkurs .jc-row--tailored-personal {
	border-top: 4px solid #ef741f;
	background: #fffaf4 !important;
}

.jc-page--workshop-einzelkurs .jc-row--tailored-schools {
	border-top: 4px solid #4f9193;
	background:
		radial-gradient(circle at 88% 12%, rgba(79, 145, 147, .12), transparent 30%),
		#eef7f7 !important;
}

.jc-page--workshop-einzelkurs .jc-row--tailored-lecturer {
	border-top: 4px solid #8a6046;
	background:
		radial-gradient(circle at 12% 18%, rgba(138, 96, 70, .10), transparent 32%),
		#f8f3ee !important;
}

.jc-page--workshop-einzelkurs .jc-row--tailored-lecturer-title {
	display: none;
}

.jc-page--workshop-einzelkurs .jc-row--tailored-personal > .jc-col:first-of-type,
.jc-page--workshop-einzelkurs .jc-row--tailored-personal > .jc-col:last-child {
	display: none;
}

.jc-tailored-heading {
	display: grid;
	flex: 0 0 100%;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 24px;
	align-items: end;
	width: 100%;
	margin-bottom: 4px;
	padding-bottom: 22px;
	border-bottom: 1px solid rgba(75, 56, 42, .12);
	text-align: left;
}

.jc-tailored-heading > div {
	max-width: 780px;
}

.jc-tailored-heading span {
	display: block;
	margin-bottom: 5px;
	color: var(--jc-orange-deep);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.jc-row--tailored-schools .jc-tailored-heading span {
	color: #376f71;
}

.jc-row--tailored-lecturer .jc-tailored-heading span {
	color: #75503a;
}

.jc-tailored-heading h2 {
	margin-bottom: 8px;
	color: #302c29;
	font-size: clamp(25px, 3vw, 34px);
	font-weight: 650;
	letter-spacing: -.018em;
}

.jc-tailored-heading p {
	max-width: 720px;
	margin: 0;
	color: #5e5852;
	line-height: 1.6;
}

.jc-tailored-heading > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 43px;
	padding: 9px 17px;
	border: 1px solid rgba(239, 116, 31, .2);
	border-radius: 999px;
	color: #fff;
	background: var(--jc-orange);
	font-size: 13px;
	font-weight: 800;
	white-space: nowrap;
	box-shadow: 0 8px 20px rgba(178, 79, 22, .16);
}

.jc-tailored-heading > a:hover,
.jc-tailored-heading > a:focus-visible {
	color: #fff;
	background: var(--jc-orange-deep);
	outline: none;
	transform: translateY(-2px);
}

.jc-tailored-heading > a:focus-visible {
	outline: 3px solid rgba(239, 116, 31, .28);
	outline-offset: 3px;
}

.jc-page--workshop-einzelkurs .jc-row--tailored-personal > .jc-col--50,
.jc-page--workshop-einzelkurs .jc-row--tailored-schools > .jc-col--50,
.jc-page--workshop-einzelkurs .jc-row--tailored-lecturer > .jc-col--50 {
	align-self: start;
}

.jc-page--workshop-einzelkurs .jc-row--tailored-personal .jc-row--inner {
	gap: 12px;
	min-height: 0;
	margin-bottom: 12px;
	padding: 14px;
	border: 1px solid rgba(239, 116, 31, .12);
	border-radius: 12px;
	background: rgba(255, 255, 255, .7) !important;
}

.jc-page--workshop-einzelkurs .jc-row--tailored-personal .jc-row--inner:last-child {
	margin-bottom: 0;
}

.jc-page--workshop-einzelkurs .jc-row--tailored-personal .jc-row--inner h3 {
	margin-bottom: 6px;
	font-size: 18px !important;
}

.jc-page--workshop-einzelkurs .jc-row--tailored-personal .jc-row--inner p {
	margin-bottom: 0;
	font-size: 14px;
	line-height: 1.55;
}

.jc-page--workshop-einzelkurs .jc-row--tailored-schools .jc-image,
.jc-page--workshop-einzelkurs .jc-row--tailored-lecturer .jc-image {
	margin-top: 0;
}

.jc-page--workshop-einzelkurs .jc-row--tailored-schools .jc-heading,
.jc-page--workshop-einzelkurs .jc-row--tailored-lecturer .jc-heading {
	margin-bottom: 10px;
}

.jc-page--workshop-einzelkurs .jc-row--tailored-personal + .jc-row--tailored-schools,
.jc-page--workshop-einzelkurs .jc-row--tailored-schools + .jc-row--tailored-lecturer-title,
.jc-page--workshop-einzelkurs .jc-row--tailored-lecturer-title + .jc-row--tailored-lecturer {
	margin-top: 0;
}

.jc-contact {
	position: relative;
	padding: 48px max(5vw, calc((100vw - var(--jc-max)) / 2)) 52px;
	background:
		linear-gradient(rgba(232, 245, 245, .88), rgba(232, 245, 245, .88)),
		url("assets/uploads/2024/02/deep_sea.png") center / cover;
}

.jc-contact__intro {
	max-width: 640px;
	margin-bottom: 20px;
}

.jc-contact h2 {
	margin-bottom: 10px;
	color: #35312e;
	font-size: clamp(25px, 3vw, 32px);
	font-weight: 650;
	letter-spacing: -.016em;
}

.jc-contact__intro > p:last-child {
	max-width: 590px;
	margin-bottom: 0;
	color: #5c5854;
	font-size: 14px;
	line-height: 1.6;
}

.jc-eyebrow {
	margin-bottom: 5px;
	color: var(--jc-orange);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .09em;
}

.jc-contact div.wpforms-container-full {
	max-width: 1000px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.jc-contact div.wpforms-container-full .wpforms-form .wpforms-field {
	padding: 8px 0;
}

.jc-contact div.wpforms-container-full .wpforms-form .wpforms-field-label,
.jc-contact div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {
	color: var(--jc-ink);
	font-weight: 700;
}

.jc-contact div.wpforms-container-full .wpforms-form input[type="text"],
.jc-contact div.wpforms-container-full .wpforms-form input[type="email"],
.jc-contact div.wpforms-container-full .wpforms-form textarea,
.jc-contact div.wpforms-container-full .wpforms-form select {
	width: 100%;
	padding: 13px 14px;
	border: 1px solid #cfcfcf;
	border-radius: 3px;
	color: var(--jc-ink);
	background: #fff;
	font: inherit;
	font-weight: 400;
}

.jc-contact div.wpforms-container-full .wpforms-form input[type="text"]:focus,
.jc-contact div.wpforms-container-full .wpforms-form input[type="email"]:focus,
.jc-contact div.wpforms-container-full .wpforms-form textarea:focus,
.jc-contact div.wpforms-container-full .wpforms-form select:focus {
	outline: 3px solid rgba(239, 116, 31, .22);
	border-color: var(--jc-orange);
	box-shadow: none;
}

.jc-contact div.wpforms-container-full .wpforms-form textarea {
	min-height: 165px;
	resize: vertical;
}

.jc-contact div.wpforms-container-full .wpforms-form .wpforms-field-gdpr-checkbox ul {
	margin: 2px 0 0;
	padding: 0;
}

.jc-contact div.wpforms-container-full .wpforms-form .wpforms-field-gdpr-checkbox li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.jc-contact div.wpforms-container-full .wpforms-form .wpforms-field-gdpr-checkbox input {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	margin-top: 3px;
}

.jc-contact div.wpforms-container-full .wpforms-form button[type="submit"] {
	min-height: 48px;
	padding: 12px 27px;
	border: 0;
	border-radius: 999px;
	color: #fff;
	background: var(--jc-orange);
	font: inherit;
	font-weight: 800;
	letter-spacing: .02em;
	transition: transform .2s ease, background-color .2s ease;
}

.jc-contact div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
.jc-contact div.wpforms-container-full .wpforms-form button[type="submit"]:focus {
	color: #fff;
	background: #d95e0d;
	transform: translateY(-2px);
}

.jc-contact div.wpforms-container-full .wpforms-confirmation-container-full,
.jc-notice {
	max-width: 1000px;
	padding: 15px 20px;
	border: 0;
	border-left: 4px solid #398842;
	background: #eef9ef;
	color: var(--jc-ink);
}

.jc-legal,
.jc-page--impressum > .wpb-content-wrapper,
.jc-page--datenschutzrichtlinie > .wpb-content-wrapper {
	max-width: 950px;
	margin: auto;
	padding: 70px 30px;
}

.jc-legal h1,
.jc-page--impressum h1,
.jc-page--datenschutzrichtlinie h1 {
	color: var(--jc-orange);
	font-size: clamp(34px, 5vw, 56px);
}

.site-footer {
	padding: 54px max(5vw, calc((100vw - var(--jc-max)) / 2)) 25px;
	border-top: 4px solid var(--jc-orange);
	color: #aaa49f;
	background:
		radial-gradient(circle at 85% 10%, rgba(239, 116, 31, .08), transparent 28%),
		#1d1d1d;
	font-size: 13px;
}

.site-footer__main {
	display: grid;
	grid-template-columns: 1.2fr repeat(3, minmax(0, 1fr));
	gap: 20px;
	align-items: stretch;
}

.site-footer__label {
	margin-bottom: 10px;
	color: #dedbd8;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.site-footer a {
	color: #b9b4af;
}

.site-footer a:hover {
	color: var(--jc-orange);
}

.site-footer__contact {
	padding: 10px 18px 8px 0;
}

.site-footer__contact address {
	margin-bottom: 8px;
	color: #9e9994;
	font-style: normal;
	line-height: 1.65;
}

.site-footer__phone {
	display: inline-flex;
	color: #e2dedb !important;
	font-size: 14px;
	font-weight: 700;
}

.site-footer__brand {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 138px;
	padding: 22px;
	border: 1px solid #343231;
	border-radius: 14px;
	background: rgba(255, 255, 255, .025);
	transition: border-color .25s ease, background-color .25s ease, transform .25s ease;
}

.site-footer__brand:hover,
.site-footer__brand:focus-visible {
	border-color: rgba(239, 116, 31, .55);
	color: #fff;
	background: rgba(239, 116, 31, .07);
	outline: none;
	transform: translateY(-5px);
}

.site-footer__brand:focus-visible {
	outline: 3px solid rgba(239, 116, 31, .25);
	outline-offset: 3px;
}

.site-footer__brand span {
	margin-bottom: 7px;
	color: #7f7a76;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.site-footer__brand strong {
	max-width: 180px;
	color: #e6e2df;
	font-size: 18px;
	line-height: 1.25;
}

.site-footer__brand b {
	position: absolute;
	top: 17px;
	right: 18px;
	color: var(--jc-orange);
	font-size: 18px;
}

.social-links {
	display: flex;
	gap: 8px;
	margin-top: 18px;
}

.social-links a {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 1px solid #3c3937;
	border-radius: 50%;
	color: #ddd8d4;
	background: #272625;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	text-transform: lowercase;
	transition: border-color .2s ease, background-color .2s ease, color .2s ease, transform .2s ease;
}

.social-links a:hover,
.social-links a:focus-visible {
	border-color: var(--jc-orange);
	color: #fff;
	background: var(--jc-orange);
	outline: none;
	transform: translateY(-3px);
}

.social-links a:focus-visible {
	outline: 3px solid rgba(239, 116, 31, .25);
	outline-offset: 2px;
}

.site-footer__legal {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin-top: 34px;
	padding-top: 20px;
	border-top: 1px solid #302e2d;
	color: #77716d;
	font-size: 11px;
}

.site-footer__legal nav {
	display: flex;
	gap: 18px;
}

/* Keep imported historical markup visually quiet while the native shortcode
   renderers provide the actual layout. */
.jc-page .wpb-content-wrapper {
	width: 100%;
}

.jc-page .wpb-content-wrapper > p {
	margin: 0;
}

.jc-page table {
	width: 100%;
	border-collapse: collapse;
}

.jc-page th,
.jc-page td {
	padding: 12px;
	border-bottom: 1px solid #ddd;
	text-align: left;
}

@media (max-width: 900px) {
	.jc-related-courses__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.jc-related-course:last-child {
		grid-column: 1 / -1;
		max-width: calc(50% - 12px);
		justify-self: center;
	}

	.jc-row--courses > .jc-col > .jc-row--inner + .jc-row--inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.site-header__top {
		min-height: 100px;
		padding: 10px 22px;
	}

	.site-logo img {
		width: 74px;
		height: 74px;
	}

	.nav-toggle {
		display: inline-flex;
	}

	.site-nav {
		display: none;
		height: auto;
		padding: 10px 22px 20px;
	}

	.site-nav.is-open {
		display: grid;
	}

	.site-nav a {
		min-height: 48px;
		padding: 0;
	}

	.jc-col--16,
	.jc-col--25,
	.jc-col--33,
	.jc-col--50,
	.jc-col--66,
	.jc-col--75,
	.jc-col--84 {
		flex-basis: calc(50% - 15px);
		max-width: calc(50% - 15px);
	}

	.jc-page .jc-row:first-of-type {
		min-height: 390px;
	}

	.jc-testimonials {
		grid-template-columns: 1fr;
	}

	.jc-testimonials-grid {
		--jc-testimonial-columns: 2;
	}

	.site-footer {
		padding-top: 46px;
	}

	.site-footer__main {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 901px) {
	.site-header.is-scrolled .site-header__top {
		height: 0;
		min-height: 0;
		padding-top: 0;
		padding-bottom: 0;
		opacity: 0;
	}

	.site-header.is-scrolled .site-nav {
		height: 56px;
	}
}

@media (max-width: 620px) {
	body.admin-bar .site-header {
		top: 46px;
	}

	.jc-row {
		display: block;
		padding: 38px 22px;
	}

	.jc-row--inner {
		padding: 15px 0;
	}

	.jc-page--course-detail > .wpb-content-wrapper > .jc-row:not(:first-of-type) {
		padding-top: 36px;
		padding-bottom: 36px;
	}

	.jc-related-courses {
		padding: 42px 22px 46px;
	}

	.jc-related-courses__grid {
		grid-template-columns: 1fr;
	}

	.jc-related-course:last-child {
		grid-column: auto;
		max-width: none;
	}

	.jc-page--course-detail .jc-row--image:first-of-type > .jc-col--66 {
		padding: 21px 22px;
	}

	.jc-page--course-detail .jc-info-box--requirements {
		grid-template-columns: 78px minmax(0, 1fr);
		gap: 3px 17px;
		padding: 20px;
	}

	.jc-page--course-detail .jc-info-box--requirements .jc-info-box__icon {
		width: 78px;
		height: 78px;
	}

	.jc-page--workshop-einzelkurs .jc-row--tailored-personal,
	.jc-page--workshop-einzelkurs .jc-row--tailored-schools,
	.jc-page--workshop-einzelkurs .jc-row--tailored-lecturer {
		padding-top: 28px;
		padding-bottom: 32px;
	}

	.jc-tailored-heading {
		grid-template-columns: 1fr;
		gap: 16px;
		padding-bottom: 18px;
	}

	.jc-tailored-heading h2 {
		font-size: 26px;
	}

	.jc-tailored-heading > a {
		justify-self: start;
	}

	.jc-row--courses > .jc-col > .jc-row--inner + .jc-row--inner {
		display: grid;
		grid-template-columns: 1fr;
		gap: 22px;
	}

	.jc-col,
	.jc-col--16,
	.jc-col--25,
	.jc-col--33,
	.jc-col--50,
	.jc-col--66,
	.jc-col--75,
	.jc-col--84 {
		width: 100%;
		max-width: none;
		margin-bottom: 25px;
	}

	.jc-page .jc-row:first-of-type {
		min-height: 0;
		padding-top: 45px;
		padding-bottom: 45px;
	}

	.jc-heading[style*="font-size:40px"] {
		font-size: 32px !important;
	}

	.jc-gallery,
	.jc-price-table {
		grid-template-columns: 1fr;
	}

	.jc-testimonials-grid {
		--jc-testimonial-columns: 1;
	}

	.jc-testimonials-section {
		padding: 55px 22px 65px;
	}

	.jc-row--why .jc-cta {
		padding: 28px 24px;
	}

	.jc-row--why .jc-heading--course-cta {
		font-size: 24px !important;
	}

	.jc-row--why .jc-image--course-character {
		width: min(175px, 58%);
	}

	.jc-contact div.wpforms-container-full .wpforms-form .wpforms-one-half {
		float: none;
		width: 100%;
		margin-left: 0;
	}

	.site-footer__main {
		grid-template-columns: 1fr;
	}

	.site-footer__brand {
		min-height: 112px;
	}

	.site-footer__legal {
		align-items: flex-start;
		flex-direction: column;
	}

	.jc-contact {
		padding: 40px 22px 44px;
	}
}

/* Legal pages, local relevance and privacy notice. */
.jc-legal {
	color: #4f4944;
	line-height: 1.72;
}

.jc-legal > .jc-eyebrow {
	margin-bottom: 8px;
	color: var(--jc-orange-deep);
	font-size: 11px;
	font-weight: 850;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.jc-legal > h1 {
	margin-bottom: 8px;
}

.jc-legal__updated {
	margin-bottom: 38px;
	color: #817970;
	font-size: 13px;
}

.jc-legal section {
	margin-top: 22px;
	padding: 24px 26px;
	border: 1px solid #e8e0d8;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 10px 28px rgba(67, 49, 36, .045);
}

.jc-legal section h2 {
	margin: 0 0 12px;
	color: #3b3530;
	font-size: clamp(19px, 2.2vw, 24px);
}

.jc-legal section h3 {
	margin: 18px 0 7px;
	color: var(--jc-orange-deep);
	font-size: 16px;
}

.jc-legal section p:last-child,
.jc-legal section ul:last-child {
	margin-bottom: 0;
}

.jc-legal a {
	color: var(--jc-orange-deep);
	text-decoration: underline;
	text-decoration-color: rgba(178, 79, 22, .3);
	text-underline-offset: 3px;
}

.jc-legal-table-wrap {
	margin: 18px 0;
	overflow-x: auto;
	border: 1px solid #e8e0d8;
	border-radius: 10px;
}

.jc-legal .jc-legal-table {
	min-width: 620px;
	margin: 0;
	background: #fff;
}

.jc-legal-table th,
.jc-legal-table td {
	padding: 12px 14px;
	border-bottom: 1px solid #eee7e0;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
}

.jc-legal-table th {
	color: #5b534c;
	background: #faf6f2;
	font-size: 10px;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.jc-legal-table tbody tr:last-child td {
	border-bottom: 0;
}

.jc-legal code {
	padding: 2px 5px;
	border-radius: 4px;
	color: #62574e;
	background: #f4eee8;
	font-size: 11px;
}

.jc-local-learning {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: clamp(24px, 5vw, 72px);
	align-items: center;
	padding: 54px max(5vw, calc((100vw - var(--jc-max)) / 2));
	border-top: 1px solid rgba(178, 79, 22, .12);
	background: #fffaf5;
}

.jc-local-learning > div {
	max-width: 850px;
}

.jc-local-learning .jc-eyebrow {
	margin-bottom: 8px;
	color: var(--jc-orange-deep);
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.jc-local-learning h2 {
	margin-bottom: 14px;
	color: #3c3733;
	font-size: clamp(25px, 3vw, 35px);
}

.jc-local-learning p {
	margin-bottom: 8px;
	color: #69615b;
	font-size: 15px;
	line-height: 1.68;
}

.site-footer__legal button {
	appearance: none;
	padding: 0;
	border: 0;
	color: #b9b4af;
	background: transparent;
	font: inherit;
	cursor: pointer;
}

.site-footer__legal button:hover,
.site-footer__legal button:focus-visible {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 3px;
	outline: none;
}

.jc-cookie-notice {
	position: fixed;
	z-index: 99999;
	right: 24px;
	bottom: 24px;
	width: min(460px, calc(100vw - 48px));
	padding: 25px;
	border: 1px solid rgba(239, 116, 31, .24);
	border-radius: 18px;
	color: #4d4641;
	background: rgba(255, 255, 255, .985);
	box-shadow: 0 26px 70px rgba(42, 31, 23, .25);
	opacity: 0;
	transform: translateY(16px);
	transition: opacity .25s ease, transform .25s ease;
}

.jc-cookie-notice[hidden] {
	display: none;
}

.jc-cookie-notice.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.jc-cookie-notice > .jc-eyebrow {
	margin-bottom: 5px;
	color: var(--jc-orange-deep);
	font-size: 9px;
	font-weight: 850;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.jc-cookie-notice h2 {
	margin: 0 30px 9px 0;
	color: #332e2a;
	font-size: 22px;
}

.jc-cookie-notice > p {
	margin-bottom: 16px;
	font-size: 13px;
	line-height: 1.55;
}

.jc-cookie-notice__close {
	position: absolute;
	top: 14px;
	right: 14px;
	display: grid;
	width: 32px;
	height: 32px;
	padding: 0;
	place-items: center;
	border: 0;
	border-radius: 50%;
	color: #6b625c;
	background: #f3eee9;
	font-size: 21px;
	cursor: pointer;
}

.jc-cookie-notice__category {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	padding: 11px 12px;
	border-radius: 10px;
	background: #f8f3ee;
}

.jc-cookie-notice__category > span {
	display: grid;
	width: 28px;
	height: 28px;
	place-items: center;
	border-radius: 50%;
	color: #fff;
	background: #398842;
	font-weight: 900;
}

.jc-cookie-notice__category strong,
.jc-cookie-notice__category small {
	display: block;
}

.jc-cookie-notice__category strong {
	color: #3d3732;
	font-size: 13px;
}

.jc-cookie-notice__category small {
	margin-top: 2px;
	color: #7a716a;
	font-size: 10px;
}

.jc-cookie-notice__actions {
	display: flex;
	justify-content: space-between;
	gap: 14px;
	align-items: center;
	margin-top: 17px;
}

.jc-cookie-notice__actions > a {
	color: var(--jc-orange-deep);
	font-size: 12px;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.jc-cookie-notice__actions .jc-button {
	padding: 10px 18px;
	border: 0;
	font-size: 13px;
}

@media (max-width: 700px) {
	.jc-legal,
	.jc-page--impressum > .wpb-content-wrapper,
	.jc-page--datenschutzrichtlinie > .wpb-content-wrapper {
		padding: 42px 20px;
	}

	.jc-legal section {
		padding: 20px;
	}

	.jc-local-learning {
		grid-template-columns: 1fr;
		padding: 42px 22px;
	}

	.jc-local-learning .jc-button {
		justify-self: start;
	}

	.jc-cookie-notice {
		right: 12px;
		bottom: 12px;
		width: calc(100vw - 24px);
		padding: 21px;
	}

	.jc-cookie-notice__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.jc-cookie-notice__actions .jc-button {
		width: 100%;
	}
}

/* Refined trainer card, course cards and booking experience. */
.jc-banner--trainer {
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, .24);
	border-radius: 16px;
	background: rgba(16, 20, 24, .28);
	box-shadow: 0 18px 46px rgba(0, 0, 0, .22);
	transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.jc-banner--trainer:hover,
.jc-banner--trainer:focus-visible {
	border-color: rgba(255, 172, 101, .8);
	color: #fff;
	box-shadow: 0 24px 56px rgba(0, 0, 0, .32);
	outline: none;
	transform: translateY(-5px);
}

.jc-banner--trainer img {
	aspect-ratio: 4 / 5;
	border-radius: 0;
	object-position: center top;
}

.jc-banner__trainer-card {
	position: absolute;
	right: 10px;
	bottom: 10px;
	left: 10px;
	display: grid;
	gap: 2px;
	padding: 13px 15px;
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 11px;
	background: rgba(18, 22, 26, .78);
	text-align: left;
	box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
	backdrop-filter: blur(8px);
}

.jc-banner__trainer-card small {
	color: #ffc18e;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.jc-banner__trainer-card strong {
	color: #fff;
	font-size: 16px;
}

.jc-banner__trainer-card b {
	margin-top: 4px;
	color: rgba(255, 255, 255, .78);
	font-size: 11px;
	font-weight: 600;
}

.jc-row--courses .jc-info-box,
.jc-row--courses .jc-info-box__content {
	display: flex;
	flex-direction: column;
}

.jc-row--courses .jc-info-box__content {
	flex: 1 1 auto;
	width: 100%;
}

.jc-row--courses .jc-info-box__content .sub_heading_style_1 {
	min-height: 2.9em;
	line-height: 1.38;
}

.jc-row--courses .jc-info-box__content .nk-awb {
	margin-top: auto;
}

.jc-row--courses .jc-home-course-card {
	width: 100%;
	height: 100%;
}

.jc-row--courses .jc-home-course-card .jc-related-course__content {
	padding: 18px;
}

.jc-row--courses .jc-home-course-card .jc-related-course__image {
	aspect-ratio: 16 / 9;
}

.jc-row--courses .jc-home-course-card h3 {
	min-height: 2.5em;
	margin-bottom: 9px;
	font-size: 19px;
	line-height: 1.25;
}

.jc-row--courses .jc-home-course-card p {
	margin-bottom: 16px;
	font-size: 13px;
	line-height: 1.55;
}

.jc-row--courses .jc-home-course-card strong {
	margin-top: auto;
}

.jc-row--why .jc-heading--course-cta {
	max-width: 390px;
	font-size: clamp(19px, 2.1vw, 25px) !important;
	line-height: 1.4;
}

.jc-row--course-main {
	gap: clamp(28px, 4vw, 62px);
	align-items: flex-start !important;
	padding-top: 44px !important;
	padding-bottom: 44px !important;
	background: linear-gradient(135deg, #f8f5f1 0%, #fff 100%) !important;
}

.jc-row--course-main > .jc-col:first-child {
	flex: 1 1 calc(56% - 31px);
	max-width: calc(56% - 31px);
}

.jc-row--course-main > .jc-col:nth-child(2) {
	flex: 1 1 calc(44% - 31px);
	max-width: calc(44% - 31px);
	padding: 26px;
	border: 1px solid #e9e2da;
	border-radius: 18px;
	background: rgba(255, 255, 255, .96);
	box-shadow: 0 18px 52px rgba(64, 45, 31, .09);
}

.jc-row--course-main > .jc-col:nth-child(2) > .jc-heading,
.jc-row--course-main > .jc-col:nth-child(2) > .jc-button {
	display: none;
}

.jc-course-gallery {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 28px;
}

.jc-course-gallery .jc-image {
	margin: 0;
	overflow: hidden;
	border-radius: 12px;
	background: #e8e3dd;
}

.jc-course-gallery .jc-image img {
	width: 100%;
	height: 100%;
	aspect-ratio: 4 / 3;
	border-radius: 0;
	object-fit: cover;
	box-shadow: none;
}

.jc-booking-panel > .jc-eyebrow,
.jc-copy--course-tech > .jc-eyebrow {
	margin-bottom: 7px;
	color: var(--jc-orange-deep);
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.jc-booking-panel > h2 {
	margin: 0 0 23px;
	color: #2e2b29 !important;
	font-size: clamp(22px, 2.4vw, 29px) !important;
	line-height: 1.12;
}

.jc-course-facts {
	border-top: 1px solid #ded7d0;
	border-bottom: 1px solid #ded7d0;
}

.jc-course-facts > div {
	display: grid;
	grid-template-columns: minmax(100px, .7fr) minmax(135px, 1fr);
	gap: 2px 15px;
	padding: 16px 0;
	border-bottom: 1px solid #eee8e2;
}

.jc-course-facts > div:last-child {
	border-bottom: 0;
}

.jc-course-facts > div > span {
	align-self: center;
	color: #7a7169;
	font-size: 12px;
	font-weight: 750;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.jc-course-facts strong {
	align-self: center;
	justify-self: end;
	color: #2d2926;
	font-size: 23px;
	font-weight: 680;
	white-space: nowrap;
}

.jc-course-facts strong small {
	color: #948c84;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .01em;
}

.jc-course-facts p {
	grid-column: 1 / -1;
	margin: 3px 0 0;
	color: #756d66;
	font-size: 12px;
	line-height: 1.55;
}

.jc-course-duration {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	gap: 14px;
	align-items: center;
	margin-top: 18px;
	padding: 14px 16px;
	border: 1px solid rgba(239, 116, 31, .2);
	border-radius: 12px;
	background: #fff7ef;
}

.jc-course-duration__badge {
	display: grid;
	width: 54px;
	height: 54px;
	place-items: center;
	border-radius: 50%;
	color: #fff;
	background: var(--jc-orange);
	font-size: 13px;
	font-weight: 850;
	letter-spacing: -.02em;
	box-shadow: 0 8px 18px rgba(178, 79, 22, .18);
}

.jc-course-duration > div > span {
	display: block;
	margin-bottom: 2px;
	color: var(--jc-orange-deep);
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.jc-course-duration strong {
	display: block;
	color: #332e2a;
	font-size: 17px;
	line-height: 1.2;
}

.jc-course-duration p {
	margin: 3px 0 0;
	color: #756d66;
	font-size: 12px;
	line-height: 1.4;
}

.jc-booking-form {
	margin-top: 24px;
}

.jc-booking-types {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px;
	padding: 5px;
	border-radius: 999px;
	background: #f0ece7;
}

.jc-booking-types button {
	min-height: 40px;
	padding: 8px 13px;
	border: 0;
	border-radius: 999px;
	color: #625a54;
	background: transparent;
	font: inherit;
	font-size: 13px;
	font-weight: 750;
	cursor: pointer;
}

.jc-booking-types button.is-selected {
	color: #fff;
	background: #342f2c;
	box-shadow: 0 5px 13px rgba(44, 37, 32, .18);
}

.jc-booking-dates {
	margin-top: 21px;
}

.jc-booking-dates.is-hidden {
	display: none;
}

.jc-booking-dates__label {
	margin: 0 0 10px;
	color: #6c645d;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.jc-booking-options {
	display: grid;
	gap: 8px;
}

.jc-booking-option {
	position: relative;
	display: block;
	cursor: pointer;
}

.jc-booking-option input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.jc-booking-option > span {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 12px 14px;
	border: 1px solid #dcd4cc;
	border-radius: 11px;
	background: #fff;
	transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.jc-booking-option:hover > span,
.jc-booking-option input:focus-visible + span,
.jc-booking-option input:checked + span {
	border-color: var(--jc-orange);
	background: #fff8f1;
	box-shadow: 0 7px 18px rgba(129, 76, 37, .09);
}

.jc-booking-option input:checked + span {
	box-shadow: inset 3px 0 0 var(--jc-orange), 0 7px 18px rgba(129, 76, 37, .09);
}

.jc-booking-option strong {
	color: #302c29;
	font-size: 13px;
	line-height: 1.4;
}

.jc-booking-option small {
	flex: 0 0 auto;
	color: var(--jc-orange-deep);
	font-size: 11px;
	font-weight: 750;
}

.jc-booking-option.is-unavailable {
	cursor: not-allowed;
}

.jc-booking-option.is-unavailable > span {
	border-color: #e1dedb;
	color: #a19a94;
	background: #eeeae6;
	text-decoration: line-through;
	box-shadow: none;
	opacity: .72;
}

.jc-booking-option.is-unavailable small,
.jc-booking-option.is-unavailable strong {
	color: #9e9791;
}

.jc-booking-submit {
	width: 100%;
	margin-top: 18px;
}

.jc-booking-submit:disabled {
	cursor: not-allowed;
	filter: grayscale(.6);
	opacity: .48;
	transform: none;
}

.jc-booking-note,
.jc-booking-empty {
	margin: 14px 0 0;
	color: #7c746e;
	font-size: 11px;
	line-height: 1.55;
}

.jc-booking-terms {
	margin-top: 18px;
	border: 1px solid #e6ddd4;
	border-radius: 12px;
	color: #625a54;
	background: rgba(255, 255, 255, .62);
	font-size: 12px;
	line-height: 1.55;
}

.jc-booking-terms summary {
	position: relative;
	padding: 13px 38px 13px 15px;
	color: #3c3530;
	font-weight: 700;
	letter-spacing: .01em;
	cursor: pointer;
	list-style: none;
}

.jc-booking-terms summary::-webkit-details-marker {
	display: none;
}

.jc-booking-terms summary::after {
	position: absolute;
	top: 50%;
	right: 16px;
	content: "+";
	color: var(--jc-orange-deep);
	font-size: 20px;
	font-weight: 400;
	transform: translateY(-50%);
}

.jc-booking-terms[open] summary::after {
	content: "−";
}

.jc-booking-terms[open] summary {
	border-bottom: 1px solid #eee6df;
}

.jc-booking-terms ul {
	margin: 0;
	padding: 14px 18px 4px 32px;
}

.jc-booking-terms li {
	margin-bottom: 5px;
}

.jc-booking-terms p {
	margin: 4px 16px 15px;
}

.jc-booking-terms a {
	color: var(--jc-orange-deep);
	font-weight: 700;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

.jc-copy--course-tech,
.jc-course-sidebar-details {
	margin-top: 22px;
	padding-top: 20px;
	border-top: 1px solid #e7e0da;
}

.jc-copy--course-tech h3 {
	margin: 0 0 6px;
	color: #3b3531;
	font-size: 16px !important;
}

.jc-copy--course-tech p:last-child {
	margin: 0;
	color: #6e665f;
	font-size: 13px;
}

.jc-page--course-detail .jc-course-sidebar-details .jc-info-box--requirements {
	grid-template-columns: 62px minmax(0, 1fr);
	gap: 2px 14px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.jc-page--course-detail .jc-course-sidebar-details .jc-info-box__icon {
	width: 62px;
	height: 62px;
}

.jc-page--course-detail .jc-course-sidebar-details .jc-info-box--requirements h3 {
	color: #3b3531;
	font-size: 16px;
}

.jc-page--course-detail .jc-course-sidebar-details .jc-info-box__content {
	color: #6e665f;
	font-size: 12px;
}

.jc-page--course-detail .jc-gallery {
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 12px;
	max-width: 920px;
	margin: 22px auto 0;
}

.jc-page--course-detail .jc-gallery img {
	aspect-ratio: 4 / 3;
}

.site-nav__cart {
	gap: 7px;
	padding-right: 13px !important;
	padding-left: 13px !important;
	border: 1px solid rgba(239, 116, 31, .45);
	border-radius: 999px;
}

.jc-cart-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 19px;
	height: 19px;
	padding: 0 5px;
	border-radius: 999px;
	color: #fff;
	background: var(--jc-orange);
	font-size: 10px;
}

.jc-cart-overlay {
	position: fixed;
	z-index: 998;
	inset: 0;
	visibility: hidden;
	background: rgba(21, 18, 16, .55);
	opacity: 0;
	transition: opacity .25s ease, visibility .25s ease;
}

.jc-cart-drawer {
	position: fixed;
	z-index: 999;
	top: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	width: min(460px, 100%);
	height: 100vh;
	padding: 28px;
	background: #fff;
	box-shadow: -18px 0 60px rgba(0, 0, 0, .2);
	transform: translateX(105%);
	transition: transform .3s ease;
}

.jc-cart-open {
	overflow: hidden;
}

.jc-cart-open .jc-cart-overlay {
	visibility: visible;
	opacity: 1;
}

.jc-cart-open .jc-cart-drawer {
	transform: translateX(0);
}

.jc-cart-drawer__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 19px;
	border-bottom: 1px solid #e8e1da;
}

.jc-cart-drawer__head h2 {
	margin: 0;
	color: #332e2a;
	font-size: 28px;
}

.jc-cart-close {
	border: 0;
	color: #332e2a;
	background: transparent;
	font-size: 34px;
	line-height: 1;
	cursor: pointer;
}

.jc-cart-drawer__items {
	flex: 1;
	overflow: auto;
	padding: 23px 0;
}

.jc-cart-drawer .woocommerce-mini-cart {
	margin: 0;
	padding: 0;
	list-style: none;
}

.jc-cart-drawer .woocommerce-mini-cart-item {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 7px 15px;
	margin-bottom: 17px;
	padding-bottom: 17px;
	border-bottom: 1px solid #eee8e2;
}

.jc-cart-drawer .woocommerce-mini-cart-item img {
	display: none;
}

.jc-cart-drawer .woocommerce-mini-cart-item .remove {
	position: static;
	grid-column: 2;
	grid-row: 1 / 3;
	align-self: center;
	color: var(--jc-orange-deep) !important;
}

.jc-cart-drawer .woocommerce-mini-cart__total {
	padding-top: 18px;
	border-top: 1px solid #ddd4cb;
	font-size: 17px;
}

.jc-cart-drawer .woocommerce-mini-cart__buttons {
	display: none;
}

.jc-cart-checkout {
	width: 100%;
	margin: 0;
}

.jc-empty-cart {
	text-align: center;
}

.jc-native-page {
	width: min(100% - 44px, 1120px);
	margin: 0 auto;
	padding: 155px 0 72px;
}

.jc-native-page > h1 {
	margin-bottom: 35px;
	font-size: clamp(34px, 4vw, 48px);
}

.jc-native-page .woocommerce table.shop_table {
	border-color: #e7dfd7;
	border-radius: 13px;
	background: #fff;
}

.jc-native-page .woocommerce a.button,
.jc-native-page .woocommerce button.button,
.jc-native-page .woocommerce input.button,
.jc-native-page .woocommerce #respond input#submit {
	border-radius: 999px;
	color: #fff;
	background: var(--jc-orange);
}

.jc-native-page .woocommerce-checkout #order_review {
	padding: 24px;
	border-radius: 14px;
	background: #f7f3ef;
}

.jc-native-page .woocommerce-terms-and-conditions-wrapper {
	margin-top: 20px;
	padding-top: 18px;
	border-top: 1px solid #e4dbd2;
}

.jc-native-page .woocommerce-terms-and-conditions-checkbox-text {
	color: #514943;
	font-size: 13px;
	line-height: 1.5;
}

.jc-native-page .woocommerce-terms-and-conditions-checkbox-text a {
	color: var(--jc-orange-deep);
	font-weight: 700;
}

.woocommerce-terms-and-conditions .jc-legal {
	padding: 20px;
}

@media (max-width: 900px) {
	.jc-row--course-main > .jc-col:first-child,
	.jc-row--course-main > .jc-col:nth-child(2) {
		flex-basis: calc(50% - 15px);
		max-width: calc(50% - 15px);
	}

	.jc-row--course-main > .jc-col:nth-child(2) {
		padding: 22px;
	}

	.jc-course-facts > div {
		grid-template-columns: 1fr;
	}

	.jc-course-facts strong {
		justify-self: start;
	}
}

@media (max-width: 620px) {
	.jc-banner--trainer {
		width: min(240px, 75vw);
		margin: 0 auto;
	}

	.jc-row--course-main > .jc-col:first-child,
	.jc-row--course-main > .jc-col:nth-child(2) {
		width: 100%;
		max-width: none;
	}

	.jc-row--course-main > .jc-col:nth-child(2) {
		padding: 20px;
	}

	.jc-course-gallery {
		gap: 8px;
	}

	.jc-page--course-detail .jc-gallery {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.jc-cart-drawer {
		padding: 22px;
	}

	.jc-native-page {
		width: min(100% - 36px, 1120px);
		padding-top: 130px;
	}
}