/* 
Theme Name: Rosemarie Berner
Theme URI: https://rosemarie-berner.de/
Description: Child Theme for Rosemarie Berner
Author: Hand & Fuß Webdesign
Author URI: https://handundfuss-webdesign.de/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*=============== ALLGEMEIN =================*/

strong {
	font-weight: 600;
}

.blur-circle {
	background: linear-gradient(140deg, #E1BF99 0% 22%, #BE8FC0 40%, #79508F 77%, #BE8FC0 100%);
	filter: blur(10vh);
}

.fadeInUp {
    animation-name: rb-fadeInUp !important;
}

.mouse-tilt {
	transition: transform 0.2s !important;
}


.rb-button a::after, button.rb-button::after {
	content: "";
	position: absolute;
	background-color: var( --e-global-color-fa9b043 );
	top: 0px;
	right: 0px;
	z-index: -1;
	filter: blur(25px);
	opacity: 1;
	transition: all 0.6s;
	animation: blur-warp 10s infinite linear;
}

.rb-button a:hover::after, button.rb-button:hover::after {
	position: absolute;
	width: 90%;
	height: 100%;
	background-color: var( --e-global-color-accent );
	top: 0;
	right: 0;
	z-index: -1;
	filter: blur(0px);
	opacity: 0;
	border-radius: 50%;
}

.rb-button a:hover, button.rb-button:hover {
	transition-delay: 0.15s;
}

.rb-button.petrol a::after {
	background-color: var( --e-global-color-8706b6a );
}

.rb-button.orange a::after {
	background-color: var( --e-global-color-21ebc2b );
}

.package-card .package-cta {
	opacity: 0;
	transition: all 0.3s;
}

.package-card:hover .package-cta {
	opacity: 1;
}


/* CTA */

.rb-cta-overlay {
	max-height: 80px;
	overflow: hidden;
	transition: all 0.5s ease-in-out !important;
}

.rb-cta-caption, .rb-cta-button {
	opacity: 0;
	transition: all 0.5s !important;
}

.rb-cta-button div::after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 10px;
    font-size: 15px;
}

.rb-cta:hover .rb-cta-button {
		opacity: 1;
		transition: all 1s !important;
	}



/* Kurse Teaser */

.kurse-teaser::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(0deg, #ffffff, transparent);
}

.kurse-teaser * {
	font-size: 12px !important;
	line-height: 16px !important;
}

.kurse-teaser .kurs {
	pointer-events: none !important;
	min-height: 0px !important;
}

.kurse-teaser .kurs .e-con-inner {
	gap: 20px !important;
}



/*============ HEADER =============*/

.luna-yoga a {
    color: var( --e-global-color-accent ) !important;
}

.luna-yoga a:hover {
    color: #fff !important;
    background-color: var( --e-global-color-accent ) !important;
}

.elementor-nav-menu .luna-yoga .elementor-item-active {
	background-color: var( --e-global-color-accent ) !important;
	color: #fff !important;
}

.beckenboden a {
    color: var( --e-global-color-8706b6a ) !important;
}

.beckenboden a:hover {
    color: #fff !important;
    background-color: var( --e-global-color-8706b6a ) !important;
}

.elementor-nav-menu .beckenboden .elementor-item-active {
	background-color: var( --e-global-color-8706b6a ) !important;
	color: #fff !important;
}

.thai-massage a {
    color: var( --e-global-color-21ebc2b ) !important;
}

.thai-massage a:hover {
    color: #fff !important;
    background-color: var( --e-global-color-21ebc2b ) !important;
}

.elementor-nav-menu .thai-massage .elementor-item-active {
	background-color: var( --e-global-color-21ebc2b ) !important;
	color: #fff !important;
}

.packages a {
    color: var( --e-global-color-2d6684e ) !important;
}

.packages a:hover {
    color: #fff !important;
    background-color: var( --e-global-color-2d6684e ) !important;
}

.elementor-nav-menu .packages .elementor-item-active {
	background-color: var( --e-global-color-2d6684e ) !important;
	color: #fff !important;
}



/*============ AKTUELLES =============*/

.aktuelles-wrapper .jet-listing-dynamic-repeater__items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.aktuelles {
	display: flex;
	flex-direction: column;
	align-content: flex-start;
	flex-wrap: wrap;
	align-items: flex-start !important;
}

.aktuelles p {
	margin: 0;
}


/*============ KURSE =============*/

/* .kurse-listing .kurs {
	animation-fill-mode: backwards !important;
}

.kurse-listing .jet-listing-grid__item:nth-child(1) .kurs {
	animation-delay: 0ms !important;
}

.kurse-listing .jet-listing-grid__item:nth-child(2) .kurs {
	animation-delay: 200ms !important;
}

.kurse-listing .jet-listing-grid__item:nth-child(3) .kurs {
	animation-delay: 400ms !important;
} */

.kurs .kurs-btn {
	opacity: 0;
	transform: translate(0%, 100%);
	transition: all 0.3s;
}

.kurs:hover .kurs-btn {
	transform: translate(0%, 0%);
	opacity: 1;
}

.kurs-kategorien .jet-listing-dynamic-repeater__items {
    flex-wrap: wrap;
    gap: 5px;
    display: flex;
    flex-direction: row;
}

.kurs-kategorien span.kurs-kategorie {
    background-color: #444;
    border-radius: 5px;
    padding: 0px 7px 1px;
}

/*============ FORMULAR =============*/

.jet-form-builder__label h2 {
	display: inline-block !important;
	margin-bottom: 20px !important;
}

.jet-form-builder .wp-block-columns {
	margin: 0;
}

.jet-form-builder .anliegen {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
}

.jet-form-builder .anliegen li {
	width: 33%;
	border-radius: 20px;
	border: 2px solid #79508F26;
	background-color: #79508F26;
	font-family: "K2D";
	font-size: 26px;
	min-height: 140px;
}

.jet-form-builder .anliegen li:hover {
	border-color: #79508F;
}

.jet-form-builder .anliegen li.is-checked {
	background-color: #79508F;
	color: #fff;
	border-color: #79508F;
}

.jet-form-builder__action-button-wrapper {
	position: relative;
	width: fit-content;
}

.jet-form-builder__conditional {
	animation: rb-fadeIn 0.5s ease-out;
}

.jet-form-builder-row.field-type-choices-field .jet-form-builder__required {
	display: none;
}

.jet-form-builder .checkboxes-wrap span {
    display: inline-block !important;
}

.jet-form-builder .checkboxes-wrap span:before {
    margin-right: 10px;
}

/*============ ANIMATIONS =============*/

@keyframes rb-fadeIn {
	0% {
		transform: scale(1.04);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes blur-warp {
	0% {
		width: 90%;
		height: 100%;
		transform: rotate(0deg);
	}
	20% {
		width: 80%;
		height: 130%;
		transform: rotate(10deg);
	}
	60% {
		width: 70%;
		height: 150%;
		transform: rotate(-10deg);
	}
	100% {
		width: 90%;
		height: 100%;
		transform: rotate(0deg);
	}
}

@keyframes rb-fadeInUp {
	0% {
		transform: translateY(70px);
		opacity: 0;
	}
	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}



/*====================== RESPNOSIVE ========================*/

@media (max-width: 1200px) {
	.jet-form-builder .anliegen {
		flex-wrap: wrap;
	}
	.jet-form-builder .anliegen li {
		width: calc( 50% - 12px);
	}
}

@media (max-width: 1024px) {
	.aktuelles-wrapper .jet-listing-dynamic-repeater__items {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media (min-width: 768px) {
	.rb-cta:hover .rb-cta-overlay {
		max-height: 100%;
		overflow: hidden;
	}

	.rb-cta:hover .rb-cta-caption {
		opacity: 1;
		transition: all 1s !important;
	}
}

@media (max-width: 767px) {
	.jet-form-builder .anliegen li {
		width: 100%;
		flex-direction: row;
		min-height: 10px;
	}
}