@charset "utf-8";

/* CSS Document */
/* BREAKPOINTS: 
@media (min-width: 0px)
@media (min-width: 576px)
@media (min-width: 768px)
@media (min-width: 992px)
@media (min-width: 1200px)
*/
:root {
	--nav-text-color: rgba(92, 106, 118, 1);
	--link-color-hover: rgba(175, 226, 108, 1);

	--m: 4;
	--wavefreq: calc(100ms * var(--m));
	--yb-link-hover: rgba(175, 226, 108, 1);
	--yb-nav-link: rgba(92, 106, 118, 1);
	--yb-nav-light-bg-color: rgba(50, 57, 65, 1);
	--yb-nav-light-border-color: rgba(38, 44, 49, 1);
	--yb-bgcolor-dark-blue1: rgba(35, 40, 45, 1);
	--yb-golden-text: rgb(176, 165, 130);
	--yb-golden-hover: rgba(176, 165, 130, 0.6);
}

@font-face {
	font-family: 'PT_Sans';
	src: url('../fonts/PT_Sans/PT_Sans-Web-Regular.ttf') format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'Roboto-Condensed';
	src: url('../fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf') format('truetype');
	font-weight: bold;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto-Condensed';
	src: url('../fonts/Roboto_Condensed/RobotoCondensed-Light.ttf') format('truetype');
	font-weight: normal;
	font-display: swap;
}

html,
body {
	font-family: 'Roboto-Condensed', sans-serif;
	font-variant-emoji: text;
}

body {
	position: relative;
}

@media (min-width: 0px) {
	html {
		scroll-padding-top: 52px;
		padding-top: 52px;
		scroll-behavior: smooth;
	}

	/*:target:before { content: ""; display: block; height: 52px; margin: -52px 0 0;}*/
}

@media (min-width: 992px) {
	html {
		scroll-padding-top: 102x;
		padding-top: 102px;
		scroll-behavior: smooth;
	}

	/*:target:before { content: ""; display: block; height: 101px; margin: -101px 0 0;}*/
}

.btn-icon,
.btn-icon:active,
.btn-icon:focus {
	color: rgba(0, 0, 0, 0.4);
	background-color: transparent;
	border: none;
	padding: 0.3rem;
	margin: 0.125rem;
}

.btn-icon:hover {
	color: rgba(0, 0, 0, 0.2) !important;
}

.btn-default {
	border: 1px solid rgba(0, 0, 0, 0.4);
}

.btn-default:hover,
.btn-default:active,
.btn-default:focus {
	border: 1px solid rgba(0, 0, 0, 0.2) !important;
	background-color: rgba(0, 0, 0, 0.1) !important
}


/* 
########################
###############  COMMON 
########################
*/
a {
	text-decoration: none
}

a:hover {
	color: var(--yb-link-hover);
}

.btn,
.form-control {
	border-radius: 0px;
}

section.default {
	margin-top: 3rem;
	margin-bottom: 3rem;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}

.card,
.card-img,
.card-img-top {
	border-radius: 0px;
}

.no-margin-bottom {
	margin-bottom: 0rem !important;
}

.stroke {
	text-decoration: line-through !important;
}

.glow {
	color: rgba(175, 226, 108, 1);
	transition: color ease-in 0.1s
}

.blink {
	color: inherit;
}


/*BOOTSTRAP */
@media (min-width: 0px) {
	.modal-backdrop.show {
		opacity: 1;
	}

	.modal-no-padding.modal-fullscreen-sm-down .modal-body {
		padding: 0rem;
	}

	.section-spacer:first-child {
		padding-top: 1rem;
	}

	.fixed-top {
		z-index: 10;
	}

	.sticky-top {
		z-index: 80;
	}

	.offcanvas {
		z-index: 2000 !important;
	}

	.vh100 {
		min-height: calc(100vh - 51px) !important;
	}

	.tooltip.show {
		opacity: 1;
	}

	.tooltip-inner {
		background-color: var(--yb-bgcolor-dark-blue1);
	}

	.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before,
	.bs-tooltip-top .tooltip-arrow::before {
		border-top-color: var(--yb-bgcolor-dark-blue1);
	}
}

@media (min-width: 576px) {
	.modal-backdrop.show {
		opacity: 0.94;
	}

	.modal-no-padding.modal-fullscreen-sm-down .modal-body {
		padding: 1rem;
	}
}

@media (min-width: 922px) {
	.section-spacer:first-child {
		padding-top: 3rem;
	}

	.vh100 {
		min-height: calc(100vh - 96px) !important;
	}
}

.btn-close:focus {
	box-shadow: none;
}

.form-switch .form-check-input {
	border-radius: 0rem;
}

.input-group-text {
	border-radius: 0rem;
}

.alert {
	border-radius: 0rem;
}

/* 
########################
###############  NAVBAR & FOOTER
########################
*/

/*COMMON */
.navbar-nav .dropdown-menu {
	z-index: 1000;
}

.navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link {
	color: rgba(175, 226, 108, 1);
	color: var(--yb-link-hover);
}

/* NAV 1 */
.nav-1.navbar {
	padding: 0rem 0rem;
}

.nav-1.bg-dark {
	--bs-bg-opacity: 1;
	background-color: rgba(35, 40, 45, 1) !important;
}

@media (min-width: 0px) {
	section#heading {
		position: relative;
		z-index: 1;
	}

	.nav-1.navbar-expand-sm {
		flex-wrap: nowrap;
		justify-content: flex-start;
	}

	.nav-1.navbar-expand-sm .navbar-nav.main {
		flex-direction: row;
	}

	.nav-1.navbar-expand-sm .navbar-nav.main .dropdown-menu {
		position: absolute;
	}

	/* .nav-1.navbar-expand-sm .navbar-nav .nav-link, .nav-2.navbar-expand-lg .navbar-nav .nav-link {padding-left:1rem; padding-right:1rem;} */

	.nav-1.navbar-expand-sm .navbar-nav-scroll {
		overflow: visible;
	}

	.nav-1.navbar-expand-sm .navbar-collapse {
		display: flex !important;
		flex-basis: auto;
	}

	.nav-1.navbar-expand-sm .navbar-toggler {
		display: none;
	}

	/*.nav-1.navbar-expand-sm .offcanvas {position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important;
	border: 0 !important; transform: none !important; transition: none;}*/

	/*.nav-1.navbar-expand-sm .offcanvas .offcanvas-header { display: none;}
	.nav-1.navbar-expand-sm .offcanvas .offcanvas-body {display: flex; flex-grow: 0; padding: 0; overflow-y: visible; }*/

	.nav-1 .btn-lang,
	.nav-2 .btn-lang,
	#offcanvasNavbar .btn-lang {
		color: rgba(92, 106, 118, 1);
		background-color: transparent;
		border: 1px solid rgba(92, 106, 118, 1);
		margin-right: 0rem;
		margin-left: 0rem;
	}

	.nav-2 .btn-lang,
	#offcanvasNavbar .btn-lang {
		margin-right: 0rem;
	}

	.nav-1 .btn-lang:hover,
	.nav-1 .btn-lang.active,
	.nav-2 .btn-lang:hover,
	.nav-2 .btn-lang.active,
	#offcanvasNavbar .btn-lang:hover,
	#offcanvasNavbar .btn-lang.active {
		color: rgba(175, 226, 108, 1);
		color: var(--yb-link-hover);
		border: 1px solid rgba(175, 226, 108, 1);
	}

	.nav-1 .btn-lang:hover,
	.nav-2 .btn-lang:hover,
	#offcanvasNavbar .btn-lang:hover {
		background-color: rgba(175, 226, 108, 0.4);
	}

	.nav-1 .dropdown-menu {
		border-radius: 0rem;
		background-color: rgba(35, 40, 45, 1);
	}

	.nav-1 .dropdown-item,
	.nav-1 .nav-link.dropdown-toggle:not(:focus) {
		color: rgba(92, 106, 118, 1);
	}

	.nav-1 .dropdown-divider {
		border-top-color: rgba(92, 106, 118, 1);
		border-top-width: 3px;
	}

	.nav-1 a.btn-cart {
		color: rgba(199, 190, 165, 1);
		transition: color ease-in 0.2s
	}

	.nav-1 a.btn-cart:hover,
	.nav-1 a.btn-cart:active,
	.nav-1 a.btn-cart:focus {
		color: rgba(255, 255, 255, 1)
	}

	.nav-1 .showitemcount.badge {
		font-size: 0.7rem;
		padding: 0rem 0.25rem;
		padding-top: 0.25rem !important;
		padding-bottom: 0.25rem !important;
	}

	.nav-1 .showitemcount.translate-middle {
		transform: translate(-50%, -70%) !important;
	}

	.nav-1 .showitemcount.rounded-pill {
		border-radius: 5rem !important;
	}

	.nav-1 .nav-link.dropdown-toggle:focus,
	.nav-1 .nav-link.dropdown-toggle:hover {
		color: rgba(175, 226, 108, 1);
		color: var(--yb-link-hover);
	}

	.nav-1.fixed-top {
		z-index: 21;
	}
}

@media (min-width: 576px) {
	.nav-1 #navbarText {
		display: none !important;
	}
}

@media(min-width:992px) {
	/* .nav-1.navbar-expand-sm .navbar-nav .nav-link, .nav-2.navbar-expand-lg .navbar-nav .nav-link {padding-left:1rem; padding-right:1rem;} */
}

/* NAV 2 */
.nav-2.fixed-top {
	position: fixed;
	top: 51px;
	right: 0;
	left: 0;
	z-index: 20;
}

.nav-2.bg-dark {
	background-color: rgba(50, 57, 65, 1) !important;
}

.nav-2.navbar {
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
}

.nav-2 ul.dropdown-menu {
	border-radius: 0rem;
	background-color: rgba(50, 57, 65, 1);
	border: none;
}

.nav-2 ul.dropdown-menu {
	border: none;
	/*2px solid rgba(43,49,55,1  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);*/
}

.nav-2 .dropdown-menu .dropdown-item {
	font-size: 1.1rem;
	/*font-weight: bold;*/
	text-transform: lowercase;
}

/* .nav-2 .dropdown-toggle::after {display:none;} */

.nav-2 .dropdown-item {
	color: rgba(92, 106, 118, 1)
}

.nav-2 .nav-link.dropdown-toggle:focus,
.nav-2 .nav-link.dropdown-toggle:hover {
	color: rgba(175, 226, 108, 1);
	color: var(--yb-link-hover);
}

.nav-link {
	color: rgba(92, 106, 118, 1);
}

.nav-link:hover,
.nav-link:active,
.nav-link:focus {
	color: var(--yb-link-hover);
	background-color: transparent
}

.dropdown-menu {
	--bs-dropdown-link-active-bg: transparent;
}

.nav-2 .navbar-nav {
	--bs-nav-link-padding-y: 0.5rem;
}

.nav-2.navbar-expand-lg .navbar-nav button.nav-link {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

/*.nav-2 .nav-item.active {border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: rgba(175,226,108,1);}*/
.nav-2 .nav-item.active .nav-link {
	color: rgba(175, 226, 108, 1);
	color: var(--yb-link-hover);
}

/*.nav-2 .nav-link { border: 1px solid rgba(92,106,118,1); }*/



#offcanvasNavbar .dropdown-menu {
	border-radius: 0.25rem;
	background-color: rgba(50, 57, 65, 1);
	border: none;
}

#offcanvasNavbar .dropdown-item {
	color: rgba(92, 106, 118, 1)
}

#offcanvasNavbar .dropdown-item:focus,
.dropdown-item:hover {
	color: rgba(175, 226, 108, 1);
	color: var(--yb-link-hover);
	background-color: transparent;
}

#offcanvasNavbar.text-bg-dark {
	background-color: rgba(35, 40, 45, 1) !important
}

#offcanvasNavbar button.nav-link {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

#offcanvasNavbar .nav-item.active .nav-link {
	color: rgba(175, 226, 108, 1);
	color: var(--yb-link-hover);
}

@media(min-width:0px) {

	.nav-1 .nav-link,
	.nav-2 .nav-link,
	#offcanvasNavbar .nav-link {
		font-size: 1.2rem;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
}

@media(min-width:992px) {

	.nav-1 .nav-link,
	.nav-2 .nav-link,
	#offcanvasNavbar .nav-link {
		font-size: 1.2rem;
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

/* NAV 3 */
@media (min-width: 0px) {
	.nav-3 {
		top: 52px;
	}
}

@media (min-width: 992px) {
	.nav-3 {
		top: 101px;
	}
}

.nav-3 a,
.nav-3 a.nav-link {
	color: var(--yb-nav-link)
}

.nav-3 a,
.nav-3 a.nav-link .btn-secondary {
	color: var(--bs-btn-color);
}

.nav-3 .nav-link a:hover,
.nav-3 .nav-link a:active,
.nav-3 .nav-link a:focus,
.nav-3 .nav-link.active a {
	color: var(--yb-link-hover);
}

.nav-3.bg-dark {
	background-color: rgba(50, 57, 65, 1) !important;
}

.nav-3 .navbar-brand,
.nav-3 .nav-item {
	color: var(--yb-nav-link);
	font-size: 1rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

.nav-3 .nav-item.price {
	font-size: 1.4rem;
	font-weight: bold;
	padding-top: 0.25rem;
}

.nav-3 .navbar-toggler {
	color: var(--yb-nav-link);
	border: 1px solid var(--yb-nav-link);
	border-radius: 0px;
	padding: 0.3rem 0.8rem 0.3rem 0.8rem;
}

.nav-3 .flex-fill {
	flex: 100 1 auto !important;
	flex-grow: 110;
	flex-shrink: 1;
	flex-basis: auto;
}

/* Footer */
footer.footer {
	color: rgba(92, 106, 118, 1);
}

footer a {
	color: var(--nav-text-color);
	transition: color 0.3s ease
}



/*##########################
######## SLIDER
############################*/

.carousel-indicators [data-bs-target] {
	background-color: rgba(255, 255, 255, 0.9)
}

.carousel-control-next,
.carousel-control-prev {
	position: absolute;
	background-color: rgba(255, 255, 255, 0.1);
	margin-top: auto;
	margin-bottom: auto;
	height: 3rem;
	width: 2rem;
	transition: width ease-out 0.1s, background-color ease-out 0.2s, color ease-out 0.2s;
}

.carousel-control-next {
	border-radius: 0.25rem 0rem 0rem 0.25rem;
}

.carousel-control-prev {
	border-radius: 0rem 0.25rem 0.25rem 0rem;
}

.carousel-control-next:hover,
.carousel-control-prev:hover {
	background-color: rgba(255, 255, 255, 0.9);
	width: 4rem;
	transition: width ease-in 0.2s, background-color ease-in 0.4s, color ease-in 0.4s;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
	transition: all ease-out 0.5s
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='white' stroke-width='1' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='white' stroke-width='1' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon:hover {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='black' stroke-width='1' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-control-prev-icon:hover {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='black' stroke-width='1' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

@media (min-width: 0px) {
	#slider .carousel-caption a {
		color: rgba(255, 255, 255, 1);
		transition: color 0.5s ease
	}

	#slider .carousel-caption a:hover {
		color: var(--yb-link-hover)
	}

	#slider .carousel-caption p a {
		text-decoration: dotted;
	}

	#slider .carousel-caption {
		background-color: rgba(0, 0, 0, 0.7);
		font-size: 1rem;
		text-align: left;
		padding: 1rem;
		padding-bottom: 4rem;
		position: absolute;
		left: inherit;
		top: inherit;
		bottom: 0;
		left: 0;
		right: inherit;
		width: 100%;
		min-height: 45%;
		max-height: 70%;
		overflow-y: auto;
		transition: height 0.5s, ease
	}

	#slider .carousel-item {
		height: calc(100vh - 53px);
	}

	#slider .carousel-item img {
		height: 100%;
		object-fit: cover;
		object-position: 0px 0px;
	}

	#slider .item-name.svg, #slider .item-name.svg path {
		width: 95%;
		object-fit: contain;
		position: absolute;
		top: 2rem;
		left: 2rem;
		/* fill: rgb(255, 255, 255) !important; */
		transform-origin: left top 0px;
		transition: width 0.6s ease-in;
	}

	/*object-fit: contain; */
	#slider .thumb-media,
	#slider .thumb-yt {
		position: relative;
		width: 100%;
		max-width: 100px;
		/* Maximum width of the thumbnail */
		aspect-ratio: 16 / 9;
		background-color: rgba(0, 0, 0, 0.5);
		/* Black semi-transparent background */
		display: inline-block;
		/* Display as inline-block to float next to each other */
		margin-right: 1%;
		/* Small right margin for spacing */
		margin-bottom: 1%;
		/* Small bottom margin for spacing */
		box-sizing: border-box;
		/* Ensure padding is included in the width and height */
		overflow: hidden;
		/* Ensure no overflow issues */
		cursor: pointer;
		/* Changes cursor to pointer */
	}

	#slider .thumb-media::before,
	#slider .thumb-yt::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 50%;
		height: 50%;
		/* Play button size relative to thumbnail */
		;
		background-size: contain;
		/* Ensure the SVG scales correctly */
		;
		transform: translate(-50%, -50%);
		pointer-events: none;
		/* Ensures the play button does not interfere with clicks */
		opacity: 0.6;
		transition: opacity 0.3s, filter 0.3s;
		/* Transition for both opacity and filter */
	}

	#slider .thumb-yt::before {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z'/%3E%3C/svg%3E") no-repeat center center;
	}

	#slider .thumb-media::before {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.5 2a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-1 0v-11a.5.5 0 0 1 .5-.5m-2 2a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5m4 0a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5m-6 1.5A.5.5 0 0 1 5 6v4a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m8 0a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m-10 1A.5.5 0 0 1 3 7v2a.5.5 0 0 1-1 0V7a.5.5 0 0 1 .5-.5m12 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0V7a.5.5 0 0 1 .5-.5'/%3E%3C/svg%3E") no-repeat center center;

	}

	#slider .thumb-media:hover::before,
	#slider .thumb-yt:hover::before {
		opacity: 1;
		filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.75));
		/* Glow effect on hover around the SVG icon */
	}
}

@media (min-width: 768px) {
	#slider .carousel-caption {
		padding: 3rem;
		min-height: 45%;
		max-height: 70%
	}

	#slider .item-name.svg {
		width: -95%;
	}

	#slider .thumb-media,
	#slider .thumb-yt {
		max-width: 200px;
		aspect-ratio: 16 / 9;
	}
}

@media (min-width: 992px) {
	#slider .carousel-caption {
		font-size: 1.4rem;
		left: inherit;
		top: 0;
		padding-bottom: 1rem;
		bottom: inherit;
		left: inherit;
		right: 0;
		width: 40%;
		height: 100%;
		min-height: 100%;
		max-height: 100%;
	}

	#slider .carousel-item {
		height: 66vh;
	}

	#slider .item-name.svg {
		width: 50%;
		left: 6%;
	}
}

@media (min-width: 1200px) {

	#slider .item-name.svg {
		width: 45%;
	}
}

@media (min-width: 1400px) {
	#slider .carousel-item {
		height: 50vh
	}

	/* 600px; */
	#slider .item-name.svg {
		width: 33.333333%;
	}
}

/* 
######################
###### VIBRACART ##########
######################
*/
div.vibracart {
	border: none;
	font-size: 1.2rem;
	font-family: "Roboto-Condensed", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-variant-emoji: text;
}

#cartTable {
	width: 100% !important;
	border-bottom: 6rem solid #FFF;
}

.pointer {
	cursor: pointer;
}

.geofooter small,
.geofooter small a {
	color: rgba(0, 0, 0, 0.3);
	transition: color 0.2s ease;
}

.geofooter small a:hover {
	color: rgba(0, 0, 0, 0.7);
}

div.vibracart_terms {
	overflow: visible;
	padding: 0rem;
	margin: 0 0 0 0;
	background-color: transparent;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	height: auto !important;
}

div.vibracart_coupon {
	overflow: visible;
	padding: 0.8rem 0 1rem 0;
	margin: 0 0 0 0;
	background-color: transparent;
	box-sizing: border-box;
	text-align: left;
	margin-bottom: 2rem;
}

p.vibracart_itemdelete {
	float: left;
	text-align: center;
	cursor: pointer;
	padding: 0;
	color: rgba(0, 0, 0, 0.2) !important;
	font-size: 2rem;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	line-height: 2rem;
}

td.vibracart_itemdelete {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	vertical-align: middle;
	width: 10px;
	border: none;
	background-color: transparent;
}

tr.vibracart_item_odd td,
tr.vibracart_item_even td {
	border-bottom-width: 0.2rem;
	border-bottom-style: solid;
	border-bottom-color: rgba(255, 255, 255, 1);
}

tr.vibracart_item_odd {
	background-color: rgba(255, 255, 255, 1);
	border-bottom-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-bottom-color: #dddddd;
}

tr.vibracart_item_even {
	background-color: rgba(0, 0, 0, 0.05);
	border-bottom-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-bottom-color: #dddddd;
}


/* Item description */
td.vibracart_itemdescription {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 0px;
	vertical-align: top;
	border: none;
	background-color: transparent;
}

/* CART TABLES */
@media(max-width:768px) {
	td.vibracart_itemdescription {
		font-size: 0.9em;
	}

	.vibracart_table th:first-child,
	.vibracart_table td:first-child {
		position: sticky;
		left: 0;
		z-index: 2;
		background: #fff;
	}

	.vibracart_table thead th:first-child {
		z-index: 4;
	}

	.vibracart_table {
		-webkit-overflow-scrolling: touch;
		/* sanfteres Scrollen */
		scrollbar-width: none;
		/* Firefox */
	}

	.vibracart_table::-webkit-scrollbar {
		display: none;
		/* Chrome/Safari */
	}
}

span.itemdiscountdescription,
span.itemdiscountlabel,
span.itemdiscounttotal {
	color: rgba(38, 193, 163, 0.8);
	font-size: 1rem;
	font-weight: bold;
}

/*rgba(199,190,165,1)*/
p.vibracart_itemcoupon {
	font-size: 1.2rem;
	/*background-color: rgba(210,255,0,0.1);*/
	color: rgba(92, 106, 118, 0.6);
}

p.vibracart_itemdescription {
	text-align: left;
	color: black;
	font-weight: normal;
	margin: 0 0 0 0;
	line-height: normal;
	padding: 0;
}

/* item id*/
p.vibracart_itemid {
	float: left;
	font-size: 0.9rem;
	color: #9C9C9C;
	font-weight: normal;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	line-height: normal;
	padding: 0;
}

a.vibracart_itemid {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #9C9C9C;
	font-weight: normal;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	line-height: normal;
	padding: 0;
	text-decoration: underline;
	background-color: transparent;
	text-shadow: none;
}

/* Item price */
div.vibracart_itempriceclear {
	clear: both;
}

p.vibracart_itemprice {
	float: left;
	font-size: 0.9rem;
	color: black;
	font-weight: normal;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	line-height: normal;
	padding: 0;
}

/* Item total */
td.vibracart_itemtotal {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 0px;
	text-align: right;
	vertical-align: middle;
	border: none;
	background-color: transparent;
}

p.vibracart_itemtotal {
	float: right;
	color: rgba(0, 0, 0, 0.8);
	text-align: right;
	line-height: normal;
	padding: 0;
	padding-right: 1rem;
	margin: 0 0 0 0;
}

/* Item quantity */
td.vibracart_itemquantity {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 0px;
	vertical-align: middle;
	border: none;
	width: 2em;
	background-color: transparent;
}

p.vibracart_itemquantity {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

input.vibracart_itemquantity {
	color: #666;
	width: auto;
}

/*item image */
img.vibracart_itemimage {
	padding: 0;
	background-color: transparent;
	border: #bdbdbd solid 0px;
	margin-top: 0;
	margin-right: 1rem;
	margin-bottom: 0;
	margin-left: 0;
}

@media(min-width:0px) {
	p.vibracart_itemimage {
		margin-bottom: 0rem;
	}

	img.vibracart_itemimage {
		width: 3rem;
		display: inherit;
		margin-left: 0.4rem;
	}

	td.vibracart_itemimage {
		width: 3rem;
	}
}

@media(min-width:922px) {
	img.vibracart_itemimage {
		width: 5rem;
		display: inline-block;
	}

	td.vibracart_itemimage {
		width: 5rem;
	}
}

@media(min-width:1200px) {
	img.vibracart_itemimage {
		width: 6rem;
	}

	td.vibracart_itemimage {
		width: 6rem;
	}
}




.btn-checkout {
	color: rgba(255, 255, 255, 1);
	background-color: rgba(183, 172, 140, 1);
	border-color: rgba(141, 129, 88, 1);
}

.btn-checkout:hover,
.btn-checkout:active,
.btn-checkout:focus {
	color: rgba(255, 255, 255, 1) !important;
	background-color: rgba(199, 190, 165, 1) !important;
	border-color: rgba(141, 129, 88, 1) !important;
}



@media (min-width: 0px) {
	div.vibracart_paypalcheckoutbutton {
		float: right
	}

	#vibracart_coupon .row {
		display: block;
		flex-wrap: inherit;
	}

	div.vibracart_footer {
		overflow: visible;
		margin: 0;
		background-color: rgba(35, 40, 45, 1);
		box-sizing: border-box;
		width: 100%;
		min-height: 64px !important;
		height: auto !important;
		font-size: 1.2rem;
		left: 0px;
		padding: 0.5rem;
	}

	div.vibracart_terms {
		display: flex;
	}

	div.vccheckbox {
		flex: 2rem;
		padding-top: 0.4rem;
	}

	div.vibracart_termslink {
		flex: calc(100% - 2rem);
		height: auto !important;
	}

	/*  TERMS FOOTER */
	div.y-wrapper-footer {
		width: 100%;
		position: fixed;
		bottom: 0px;
		left: 0px;
		background-color: rgba(255, 255, 255, 1);
		margin-bottom: -2px;
		z-index: 5;
	}

	/*#collapseTerms {padding-bottom:5rem;}*/
}

@media (min-width: 768px) {
	div.vibracart_paypalcheckoutbutton {
		float: right
	}

	div.vibracart_total {
		text-align: right
	}

	div.y-wrapper-footer {
		background-color: rgba(255, 255, 255, 0.92);
		transition: background-color 0.7s ease;
	}

	div.y-wrapper-footer:hover {
		background-color: rgba(255, 255, 255, 1);
	}
}

@media (min-width: 992px) {
	div.vibracart_paypalcheckoutbutton {
		float: right
	}

	#vibracart_coupon .row {
		display: flex;
		flex-wrap: wrap;
	}

	div.vibracart_footer {
		padding-top: 0.5rem;
		padding-right: 2rem;
		padding-bottom: 0.5rem;
		padding-left: 0px;
	}

	#collapseTerms {
		padding-bottom: 0.8rem;
	}
}

@media (min-width: 1200px) {}

button.vibracart_paypalcheckoutbutton {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FF8C00), color-stop(1, #FF8C00));
	background: -moz-linear-gradient(top, #FF8C00 5%, #FF8C00 100%);
	background: -webkit-linear-gradient(top, #FF8C00 5%, #FF8C00 100%);
	background: -o-linear-gradient(top, #FF8C00 5%, #FF8C00 100%);
	background: -ms-linear-gradient(top, #FF8C00 5%, #FF8C00 100%);
	background: linear-gradient(to bottom, #FF8C00 5%, #FF8C00 100%);
	background-color: #FF8C00;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 0px;
	display: inline-block;
	cursor: pointer;
	color: #FFFFFF;
	font: normal normal bold 12px Arial, Helvetica, sans-serif;
	padding: 3px 8px;
	margin: 0 0 1px 0;
	text-decoration: none;
	border: solid #FF8C00 1px;
	outline: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto;
}

button.vibracart_paypalcheckoutbutton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FF8C00), color-stop(1, #FF8C00));
	background: -moz-linear-gradient(top, #FF8C00 5%, #FF8C00 100%);
	background: -webkit-linear-gradient(top, #FF8C00 5%, #FF8C00 100%);
	background: -o-linear-gradient(top, #FF8C00 5%, #FF8C00 100%);
	background: -ms-linear-gradient(top, #FF8C00 5%, #FF8C00 100%);
	background: linear-gradient(to bottom, #FF8C00 5%, #FF8C00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8C00', endColorstr='#FF8C00', GradientType=0);
	background-color: #FF8C00;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto;
}

button.vibracart_paypalcheckoutbutton:active {
	position: relative;
	top: 1px;
}

/*terms*/
span.vibracart_termslink,
a.vibracart_termslink {
	font-size: 1rem;
	font-family: inherit;
	font-weight: normal;
	background-color: transparent;
	text-shadow: none;
}

/*coupon*/
input.vibracart_coupontextbox {
	text-align: left;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 3px;
	background-color: white;
	outline: none;
	display: inline;
	width: 10rem;
	line-height: 2rem;
}

/* Button from http://www.bestcssbuttongenerator.com */
button.vibracart_applybutton {
	border-radius: 0px;
}

/*button.vibracart_applybutton:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f5f5f5), color-stop(1, #f5f5f5));
  background:-moz-linear-gradient(top, #f5f5f5 5%, #f5f5f5 100%);
  background:-webkit-linear-gradient(top, #f5f5f5 5%, #f5f5f5 100%);
  background:-o-linear-gradient(top, #f5f5f5 5%, #f5f5f5 100%);
  background:-ms-linear-gradient(top, #f5f5f5 5%, #f5f5f5 100%);
  background:linear-gradient(to bottom, #f5f5f5 5%, #f5f5f5 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f5f5f5',GradientType=0);
  background-color:#f5f5f5;
}
button.vibracart_applybutton:active {
  position:relative;  top:1px;
}*/
@media (min-width: 0px) {
	#yb-cart h1 {
		color: rgba(92, 106, 118, 1);
	}

	#yb-cart h2 {
		font-size: 0.9rem;
		margin-bottom: 2rem;
	}

	/* #cart #vibracart{min-height:100%!important;} */
	div.vibracart_footer .row {
		align-items: center;
	}

	div.vibracart_total {
		float: right;
		font-size: 2rem;
		color: rgba(92, 106, 118, 1);
		font-weight: bold;
		margin-top: 0;
		margin-right: rem;
		margin-bottom: 0;
		margin-left: rem;
		padding-top: 0rem;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 0;
	}

	/* #vibracartalert{height: 20vh !important;} */




	#vibracartwaiting {
		position: fixed !important;
		min-height: 100vh;
		background-size: 3rem !important;
		background-repeat: no-repeat;
		background-position-y: 50%;
		background-position-x: center;
		z-index: 9999;
	}

	div.vibracart_alert {
		background-color: rgba(255, 255, 255, 0.7);
		position: fixed !important;
		/* top: 0 !important; */
		height: 100vh !important;
		left: 0;
		margin-top: -500px !important;
		visibility: visible !important;
		opacity: 0;
		display: none;
		z-index: 9999;
	}

	div.vibracart_alert>.vibracart_inner {
		min-height: 100vh;
		width: 100%;
		margin-top: 25vh;
		/* ca. oberes Drittel, nach Geschmack anpassen */
	}

	div.vibracart_alert .loader,
	p.loader {
		font-size: 5rem;
	}

	p.vibracart_alerterror {
		font-family: inherit !important;
		font-weight: 600;
		text-transform: uppercase;
		font-size: 1.5rem;
		color: rgb(116, 105, 77) !important;
		font-weight: 400;
	}

	.alert-progress-wrapper {
		/* position: relative;
		z-index: 999999; */
		width: 66%;
		margin-top: 4rem;
	}

	.alert-progress-wrapper .progress {

		background: transparent;
	}

	.alert-progress-wrapper .progress-bar {
		background-color: var(--yb-link-hover) !important;
		background-color: rgb(116, 105, 77) !important;
		height: 0.7rem;
	}


}

/*calc(100vh-372px)*/
#vibracart_content {
	background-size: 8rem !important;
	opacity: 0.5;
	/* min-height: calc(100vh - 472px) !important;
	max-height: calc(100vh - 406px) !important; */
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: center;
	overflow-y: auto;
	overflow-x: auto;
	transition: height 0.25s ease, min-height 0.25s ease, max-height 0.25s ease;
}


@media (max-width: 768px) {
	#vibracart_content {
		scrollbar-width: none;
	}

	#vibracart_content::-webkit-scrollbar:horizontal {
		display: none;
	}
}


@media (min-width: 298px) {
	#vibracart_content {
		max-height: calc(100vh - 378px);
	}
}


@media (min-width: 320px) {
	#vibracart_content {
		max-height: calc(100vh - 360px);
	}
}


@media (min-width: 358px) {
	#vibracart_content {
		max-height: calc(100vh - 328px);
	}
}

@media (min-width: 442px) {
	#vibracart_content {
		max-height: calc(100vh - 312px);
	}
}

@media(min-width:768px) {
	div.vibracart_alert {
		margin-top: -200px !important;
	}

	.alert-progress-wrapper {
		width: 20%;

	}

	.alert-progress-wrapper {
		width: 40%;
	}
}

@media (min-width: 922px) {
	#vibracart_content {
		max-height: calc(100vh - 344px);
	}

	#yb-cart h2 {
		font-size: 1.2rem;
	}

	div.vibracart_alert>.vibracart_inner {
		margin-top: 0;
		justify-content: center;
	}

	div.vibracart_alert .loader,
	p.loader {
		font-size: 7rem;
	}

	#vibracart_content {
		max-height: calc(100vh - 400px);
	}
}

#vibracart_content {
	height: var(--content-height) !important;
	min-height: var(--content-height) !important;
	max-height: var(--content-height) !important;
}

@media (min-width: 1200px) {

	/*#vibracart{height:500px !important;}*/
	div.vibracart_total {
		float: right;
		display: table-cell;
		vertical-align: middle;
		font-size: 2.5rem;
		font-weight: bold;
		padding-top: 0rem;
		padding-bottom: 1rem;
		margin-top: 0;
		margin-right: 7px;
		margin-bottom: 1rem;
		margin-left: 0;
		padding-right: rem;
		padding-bottom: 0;
		padding-left: rem;
	}

	#vibracart_content {
		background-size: 15rem !important;
		max-height: calc(100vh - 430px) !important;
	}

	div.vibracart_alert {
		top: 50%;
	}

	p.vibracart_alerterror {
		font-family: inherit !important;
		font-size: 1.7rem;
		color: rgba(169, 154, 116, 1) !important;
		font-weight: inherit;
	}
}

/* End of button */

/*CHECKOUTPAGE */
#checkoutpage .loading-container {
	height: 100vh;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.95);
	position: absolute;
	top: 0%;
	left: 0rem;
	z-index: 9999;
	align-items: center;
	justify-content: center;
}

#checkoutpage .loading-container .loader {
	width: auto;
}

#checkoutpage .headline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	margin-bottom: 1rem;
}

#checkoutpage .border-left {
	min-height: calc(100vh - 20%);
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: rgba(0, 0, 0, 0.2);
}

#checkoutpage .checkout-mask {
	margin-bottom: 3rem;
}

#checkoutpage .loading-container {
	display: flex;
}

#checkoutpage #vibracart {
	display: none
}

#checkoutpage #paypalform {
	display: none
}

/*ORDERCOMPLETE */
.ordercomplete .products .card h5 {
	height: 4rem;
	overflow: hidden;
}

.ordercomplete .products .card {
	min-height: 560px;
}

#checkout-overlay {
	position: fixed;
	left: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.9);
	z-index: 1040;
	/* unterhalb der Navbars */
	display: none;
	/* per PHP oder JS einblenden */
}

.waiting-box {
	background: white;
	border: 1px solid #ddd;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}


/*##########################
######## PAGES
############################*/
.offers .card-body {
	min-height: 10rem;
	height: inherit;
}

@media (min-width: 0px) {
	.offers .card {
		margin-bottom: 2rem;
	}

	.b-morelines_section_wrapper .js-morelines_section_wrapper {
		max-width: inherit !important;
	}

	.top-artists img {
		margin-bottom: 1rem;
	}

	.top-artists .row {
		margin-bottom: 3rem;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: rgba(0, 0, 0, 0.1);
	}
}

@media (min-width: 922px) {
	.offers .card {
		margin-bottom: 0rem;
	}

	.top-artists img {
		margin-bottom: 0rem;
	}

	.top-artists .row {
		margin-bottom: 2rem;
	}
}

.top-artists .row {
	margin-bottom: 2rem;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0, 0, 0, 0.1);
}

.top-artists .col-md-2,
.top-artists .col-md-10 {
	padding-bottom: 1rem;
}

.top-artists h3 {
	font-size: 1.4rem
}

.top-artists h4 {
	font-size: 1rem;
	color: rgba(0, 0, 0, 0.6)
}

/* FAQ */
#faq .accordion {
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='rgba(211,201,190,1)' stroke-width='1' fill='rgba(211,201,190,1)'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='rgba(233,227,222,1)' stroke-width='1' fill='rgba(233,227,222,1)'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

#faq .accordion-button {
	font-size: 1.1rem;
	color: rgba(211, 201, 190, 1);
	border-radius: 1.5rem;
	background-color: rgba(172, 145, 121, 1);
	box-shadow: none;
	padding: 0.75rem;
	padding-left: 2rem;
	border: none
}

#faq .accordion-button:hover {
	background-color: rgba(160, 131, 103, 1);
}

#faq .accordion-button:not(.collapsed) {
	color: rgba(233, 227, 222, 1);
}

#faq .accordion-item {
	margin-bottom: 0.5rem;
	border-top-right-radius: 12rem;
	border: none;
}

#faq .accordion-collapse {
	border-radius: 1.5rem;
}

#faq .accordion-collapse.show {
	background-color: rgba(172, 145, 121, 0.1);
}

#faq h3 {
	font-size: 1.3rem;
}

#faq .accordion-body {
	color: rgba(117, 98, 79, 1);
}

#faq .accordion a {
	color: rgba(64, 130, 183, 1);
	transition: color ease-in 0.2s
}

#faq .accordion a:hover,
#faq .accordion a:active,
#faq .accordion a:focus {
	color: rgba(190, 214, 233, 1)
}

/* CONTACT */
:root {
	--color-light-blue: rgba(91, 91, 231, 0.498);
	--color-dark-blue-purple: rgba(49, 36, 142, 0.578);
}

.placeholder {
	background: linear-gradient(90deg,
			var(--color-light-blue) 25%,
			var(--color-dark-blue-purple) 50%,
			var(--color-light-blue) 75%);
	background-size: 200% 100%;
	border: none;
	animation: shimmer 2.5s infinite;
	border-radius: 0;
	color: transparent;
}

@keyframes shimmer {
	0% {
		background-position: 200% 0;
	}

	100% {
		background-position: -200% 0;
	}
}

.disabled-button {
	pointer-events: none;
	opacity: 0.5;
}


/*##########################
######## ITEMS PREVIEW
############################*/
@media (min-width: 0px) {
	.items .card {
		margin-bottom: 2rem;
	}

	.items .item-img {
		position: relative;
	}

	.items .item-img img {
		transition: filter 0.2s ease-in-out;
	}

	.items .item-img img:hover {
		filter: brightness(1.6) contrast(0.6) saturate(0.7);
	}

	.items .row {
		margin-bottom: 0rem;
	}

	.items .row.buynow {
		justify-content: center;
		align-content: center;
		padding-top: 0rem;
		padding-bottom: 0.8rem;
		border-top-width: 1px;
	}

	.items .row.pricing {
		justify-content: center;
		align-content: center;
		padding-top: 0rem;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: solid;
		border-right-style: none;
		border-bottom-style: solid;
		border-left-style: none;
		border-top-color: rgba(0, 0, 0, 0.4);
		border-right-color: rgba(0, 0, 0, 0.4);
		border-bottom-color: rgba(0, 0, 0, 0.4);
		border-left-color: rgba(0, 0, 0, 0.4);
	}



	.items .row.pricing p {
		margin-bottom: 0rem;
	}


	.items h2 {
		font-size: 1.6rem;
	}

	.items h3 {
		font-size: 1rem;
		color: rgba(0, 0, 0, 0.4);
		font-style: italic;
		margin-bottom: 0.25rem;
	}

	.items .card-title a.details {
		color: rgba(64, 130, 183, 1);
		display: block;
		text-align: right;
		font-size: 0.9rem;
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
		transition: color ease-in 0.1s
	}

	.items .card-title a.details:hover {
		color: rgba(190, 214, 233, 1);
	}

	.items a.btn-play {
		color: rgba(255, 255, 255, 0.5);
		position: absolute;
		bottom: 0.5rem;
		left: 0.5rem;
		font-size: 4rem;
		transition: color ease-in 0.2s
	}

	/*top:2rem; right:0.5rem;*/
	.items a.btn-play:hover {
		color: rgba(255, 255, 255, 0.9);
	}

	.items .btn-itempage {
		font-size: 2rem;
		position: absolute;
		top: 50%;
		right: 0.5rem;
		transform: translateY(-50%);
	}

	.items a.btn-itempage {
		color: rgba(255, 255, 255, 0.4);
		transition: color 0.3s ease;
	}

	.items a.btn-itempage:hover {
		color: rgba(255, 255, 255, 0.8)
	}

	.items .lbl-free-deal {
		font-size: 1.2em;
		position: absolute;
		top: 0px;
		right: 0px;
		color: rgba(83, 119, 0, 1);
		background-color: rgba(240, 255, 204, 0.9);
		padding-left: 0.3rem;
		padding-right: 0.3rem;
	}

	.items .lbl-deal {
		font-size: 1.2em;
		position: absolute;
		top: 0px;
		right: 0px;
		color: rgb(25, 46, 74);
		background-color: rgba(84, 158, 255, 0.9);
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.items .card-body .t-right {
		color: rgba(0, 0, 0, 0.4);
		justify-content: right;
		align-items: flex-end !important;
		font-weight: bold;
		font-size: 1.5rem;
		border-left-width: 1px;
		text-align: right;
		border-left-style: dotted;
		border-left-color: rgba(0, 0, 0, 0.4);
		min-height: 58px;
	}

	.items .card-body .t-right {
		min-height: 5rem;
	}

	.items .card-body .t-right h3 {
		color: rgba(0, 0, 0, 0.8);
		font-size: inherit;
		font-weight: bold;
		font-style: normal;
		margin-bottom: 0rem;
		margin-top: auto
	}

	.items .card-body .t-right .discount {
		display: flex;
		font-size: 0.7em;
		margin-bottom: 0rem;
	}

	.prod-list .card-body .t-right,
	.prod-list .card-body .t-left {
		align-items: center;
	}

	.items .card-text {
		padding-bottom: 1rem;
		font-size: 0.8rem;
		color: rgba(0, 0, 0, 0.6);
	}

	.items .card-text ul {
		list-style-type: square;
	}

	.items .card-body .btn.details {
		position: absolute;
		bottom: 0;
		left: 0;
		background-color: rgba(50, 57, 65, 1);
		color: rgba(92, 106, 118, 1);
		border-top-color: rgba(50, 57, 65, 0.1);
		border-right-color: rgba(50, 57, 65, 0.1);
		border-bottom-color: rgba(50, 57, 65, 0.1);
		border-left-color: rgba(50, 57, 65, 0.1);
	}

	.items .card-body .btn.details:hover {
		background-color: rgba(50, 57, 65, 0.8);
		color: rgba(175, 226, 108, 1);
		;
	}

	.items .card-body .row.pricing {
		border-top: 1px solid rgba(0, 0, 0, 0.2);
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	}

	.items .card-body .row.content {
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	}

	.items .card-body .row.buynow {
		/* border-top: 1px solid rgba(0, 0, 0, 0.2); */
		border-bottom: none
	}

	.items .card-body .t-left,
	.items .card-body .t-right {
		padding-bottom: 0.5rem;
		padding-top: 0.5rem;
	}

	.items .card-body .t-left,
	.items .card-body .t-right {
		padding-bottom: 0.5rem;
		padding-top: 0.5rem;
	}

	.items a.instant-dl {
		color: var(--yb-golden-text);
		transition: color 0.2s ease;
	}

	.items a.instant-dl:hover {
		color: var(--yb-golden-hover)
	}
}

@media(min-width:768px) {
		.items .row {
		margin-bottom: 1rem;
	}
}

.items .row.buynow {
	border-bottom-style: none;
	padding-bottom: 0rem;
	min-height: inherit;
}

.items .row.buynow .t-right,
.items .row.buynow .t-left {
	display: flex;
	justify-content: right;
	min-height: inherit;
	align-items: flex-end !important;
	font-size: inherit;
	border-left-style: none;
}

.items .row.buynow .t-left {
	justify-content: left;
}

.items .row.buynow .t-left .btn {
	margin-right: 0.15rem;
}

.items .countdown {
	font-size: 0.8rem;
}

.items .countdown h4 {
	font-size: 1rem;
	margin-bottom: 0rem;
}

.items .countdown .row {
	padding-left: 0.5rem;
	margin-bottom: 0rem;
}

.items .countdown .col-3,
.items .countdown .col-12 {
	padding-left: 0.1rem;
	padding-right: 0.1rem;
}

.items .countdown .col-3 {
	text-align: center;
}

.items .btn-icon {
	font-size: 1.2rem;
}

.badge.kontakt-disclaimer {
	font-size: 0.9rem;
	font-weight: normal;
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 0px;
}


/*MODAL */
#modalItemVideos .modal-content {
	background-color: rgba(255, 255, 255, 0);
}

#modalItemVideos .btn-close {
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

#modalItemVideos .modal-header {
	color: rgba(255, 255, 255, 0.8);
	border-bottom-color: rgba(255, 255, 255, 0.4);
}

#sc-widget {
	width: 100%;
	height: 100%;
}

section.audioPlaying {
	position: fixed;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	bottom: 0rem;
	left: 0rem;
	padding: 1rem;
	z-index: 1049;
}

#btn-player-open,
#btn-player-close {
	font-size: 1.2rem;
	color: rgba(175, 226, 108, 1);
}

/* position:fixed; bottom:1rem; right: 2rem; display:none;*/
#btn-player-open {
	position: absolute;
	/* Change to absolute positioning */
	right: 1rem;
	/* 1rem away from the left screen border */
	top: 50%;
	/* Vertically center */
	transform: translateY(-50%);
	/* Adjust to center vertically */
}

#btn-player-close {
	position: absolute;
	/* Change to absolute positioning */
	left: 1rem;
	/* 1rem away from the left screen border */
	top: 50%;
	/* Vertically center */
	transform: translateY(-50%);
	/* Adjust to center vertically */
	right: auto;
	line-height: 3rem !important;
}

.audioPlaying-container {
	position: relative;
	/* Make the container relative */
	display: inline-block;
	/* Allow the container to wrap around its children */
	width: 100%;
	/* Ensure the container spans the full width */
	height: 2rem;
}

#btn-player-open section {
	display: flex;
	gap: 2px;
	margin-top: 0vw;
	width: 40px;
}

#btn-player-open [class*='wave'] {
	aspect-ratio: .09/1;
	/*This can all be written on one line:*/
	animation: waveform var(--wavefreq) ease-in-out infinite forwards;
	background-color: rgba(175, 226, 108, 1);
	border-radius: 4px;
	width: 1rem;
}

#btn-player-open .wave1 {
	--wavefreq: calc(200ms * var(--m));
}

#btn-player-open .wave2 {
	--wavefreq: calc(300ms * var(--m));
}

#btn-player-open .wave3 {
	--wavefreq: calc(400ms * var(--m));
}

#btn-player-open .wave4 {
	--wavefreq: calc(500ms * var(--m));
}

#btn-player-open .wave5 {
	--wavefreq: calc(600ms * var(--m));
}

#btn-player-open .wave6 {
	--wavefreq: calc(700ms * var(--m));
}


@keyframes waveform {
	0% {
		transform: scaleY(.4);
	}

	50% {
		transform: scaleY(1.2);
	}

	100% {
		transform: scaleY(.4);
	}
}

/* animating the bootstrap soundwave icon */

@media (min-width: 768px) {
	.items a.btn-play {
		top: 34.5rem;
		left: 1rem;
		font-size: 8rem;
	}
}

@media (min-width: 992px) {
	.items h2 {
		font-size: 1.3rem;
		margin-bottom: 0rem;
	}

	.items a.btn-play {
		top: auto;
		bottom: 0.5rem;
		left: 0.5rem;
		font-size: 3rem;
	}

	/*font-size:2.5*/
	.items .btn-itempage {
		font-size: 3rem;
	}

	#sc-widget {
		height: 480px;
	}

	#btn-player-open,
	#btn-player-close {
		font-size: 2rem;
	}

	#btn-player-open section {
		gap: 4px;
		width: 50px;
	}

	#btn-player-open [class*='wave'] {
		aspect-ratio: .09/1;
		background-color: rgba(175, 226, 108, 1);
	}

	.audioPlaying-container {
		height: 3rem;
	}
}

@media (min-width: 1200px) {
	.items h2 {
		font-size: 1.6rem;
	}

	.items a.btn-play {
		left: 0.5rem;
	}

	/*top:18.5rem;*/
}

@media (min-width: 1400px) {
	.items a.btn-play {
		left: 0.5rem;
		font-size: 4rem;
	}

	/*font-size:3rem; */
}

.items h2 a {
	color: var(--yb-golden-text);
	transition: color 0.2s ease;
}

.items h2 a:hover {
	color: var(--yb-golden-hover);
}

/*########################### */
/*######## PRODUCTS ######### */
/*########################### */

#included img {
	opacity: 0.6;
	transition: opacity ease-in 0.2s;
}

#included img:hover {
	opacity: 1;
}

@media (min-width: 0px) {

	.prod-page section#start,
	.prod-page section#item-frame {
		padding-top: 0rem !important;
	}

	#nav-3 .nav-item.price {
		font-size: 1.4rem;
		text-transform: uppercase;
	}

	#nav-3 .discount .small {
		font-size: 0.8em;
		font-weight: normal;
	}

	.countdown .days-nav,
	.countdown .hours-nav,
	.countdown .min-nav,
	.countdown .sec-nav {
		font-size: 0.9em;
		display: none;
	}

	#nav-3 .nav-item-countdown {
		display: none;
	}

	#nav-3 .nav-item-countdown span {
		font-size: 0.8rem;
	}

	#nav-3 .nav-item-countdown h4 {
		font-size: 1rem;
		margin-bottom: 0px;
		text-transform: uppercase;
	}

	#nav-3 .days-nav,
	#nav-3 .hours-nav,
	#nav-3 .min-nav,
	#nav-3 .sec-nav {
		font-size: 0.9em;
		display: inline;
	}

	#nav-3 .days-lg,
	#nav-3 .hours-lg,
	#nav-3 .min-lg,
	#nav-3 .sec-lg {
		display: none;
	}

	.prod-page svg.logo {
		width: 90%
	}

	.prod-page svg.icon {
		width: 50%
	}

	.prod-page .parallax-window {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	.prod-page .item-frame,
	.up-page .item-frame {
		width: 100%;
		position: relative;
		text-align: center;
	}

	/* .prod-page .item-frame .wrapper2 {position:absolute; bottom:1rem; width:100%;} */
	.prod-page .item-frame .wrapper,
	.up-page .item-frame .wrapper {
		position: absolute;
		width: 100%;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.prod-page .item-frame .wrapper2,
	.up-page .item-frame .wrapper2 {
		position: absolute;
		width: 100%;
		left: 50%;
		bottom: 2rem;
		transform: translate(-50%, 0px);
	}

	.prod-page .item-frame .bg,
	.up-page .item-frame .bg {
		width: 100%;
		height: 500px;
		object-fit: cover;
		object-position: 0px 0px;
	}

	.prod-page .item-frame .sampler a {
		height: 48px;
		/* Set your desired fixed height here */
		display: flex;
		justify-content: center;
	}



	.prod-page .item-frame .icon path {
		fill: #FFF !important;
	}

	.prod-page section.first {
		margin-top: 2rem;
	}

	.prod-page .mb-8 {
		margin-bottom: 4rem;
	}

	.prod-page .mt-8 {
		margin-top: 4rem;
	}

	.prod-page #content {
		min-height: 50vh
	}

	.prod-page #content ul {
		list-style: none;
		padding-left: 0;
	}

	.prod-page #content ul li {
		position: relative;
		padding-left: 2rem;
	}

	.prod-page #content ul li::before {
		content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-right" viewBox="0 0 16 16"><path d="M6 12.796V3.204L11.481 8zm.659.753 5.48-4.796a1 1 0 0 0 0-1.506L6.66 2.451C6.011 1.885 5 2.345 5 3.204v9.592a1 1 0 0 0 1.659.753"/></svg>');
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}

	.prod-page section {
		padding-top: 2rem;
	}

	.prod-page .thumb {
		background-color: rgba(10, 10, 10, 0.5);
		border-color: rgba(255, 255, 255, 0.1);
		padding: 0.5rem;
		border-radius: 0.25rem;
	}

	.prod-page #audio .soundcloud_noconsent {
		background-color: rgba(204, 204, 204, 1);
		padding: 2rem;
		border-radius: 0.5rem;
	}

	.prod-page #audio .soc-logo {
		font-size: 2rem;
	}

	.prod-page #deal {
		font-size: 1.2rem !important;
		margin-bottom: 2rem;
	}

	.prod-page #deal h4 {
		text-transform: uppercase;
	}


	/*.video_layer iframe {display:none;}*/
	.video_wrapper {
		color: rgba(255, 255, 255, 1);
		background-color: rgba(0, 0, 0, 0.9);
	}

	.video_layer {
		height: 100%;
	}

	.video_trigger {
		color: #FFF;
		font-size: 1rem;
		padding: 2rem 1rem 1rem 1rem;
		text-align: center;
		position: relative;
		margin-top: -200px;
		z-index: 9;
	}

	#productsOffcanvas {
		padding-top: 100px;
	}
}

@media (max-width: 991.98px) {

	/* mobile + tablet */
	.nav-item.price .discount,
	.nav-item.price .middle {
		line-height: 1.0;
	}
}


@media (min-width: 992px) {
	#nav-3 .nav-item.price {
		font-size: 1.6rem;
	}

	#nav-3 .discount .small {
		font-size: 0.8em;
		font-weight: normal;
	}

	#nav-3 .nav-item-countdown {
		display: block;
	}

	#nav-3 .nav-item-countdown .col-12 {
		padding-left: 0rem;
	}

	#nav-3 .nav-item-countdown .col-3 {
		width: auto;
	}

	#nav-3 .nav-item-countdown .col-3:nth-child(1) {
		padding-left: 0.8rem;
		padding-right: 0.8rem;
	}

	#nav-3 .nav-item-countdown .col-3:nth-child(n+2) {
		padding-right: 0.1rem;
		padding-left: 0.1rem;
	}


	/* .prod-page .item-frame .wrapper {top: 4rem; left: 50%; height:50%;  transform: (-50%,0);  align-items: flex-start;} */
	.prod-page svg.logo {
		width: 50%
	}

	.prod-page .parallax-window {
		padding-top: 2rem;
		padding-bottom: 4rem;
		min-height: 600px
	}

	.prod-page #audio .soc-logo {
		font-size: 4rem;
	}

	.video_wrapper {
		min-height: 18rem;
		padding: 0.5rem;
	}

	.video_trigger {
		font-size: 1.2rem;
		position: relative;
	}
}

@media (min-width: 1200px) {
	#nav-3 .nav-item.price {
		font-size: 1.8rem;
	}

	.video_trigger {
		margin-top: -280px;
	}
}

@media(min-width:0px) {

	.up-page p,
	.up-page li {
		font-size: 1.3rem;
	}

	.up-page .mb-8 {
		margin-bottom: 5rem;
	}

	.prod-page .mt-8 {
		margin-top: 5rem;
	}
}

/* ORDER COMPLETE */

/*##########################
######## MODALS
############################*/
#cookie-consent-modal .form-switch {
	margin-bottom: 1rem;
}

#cookie-consent-modal .form-switch .form-check-input {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 10 10'%3e%3rect x='0' y='0' width='10' height='10'  fill='%23fff'/%3e%3c/svg%3e");
}

#cookie-consent-modal .modal-footer {
	justify-content: space-between;
}

#cookie-consent-modal .collapse a {
	text-decoration-line: underline;
	text-decoration-style: dotted;
}

/*########################## */
/*######## MEMBERS ######### */
/*########################## */
#modalLogin .modal-content {
	background-color: transparent;
	color: rgba(255, 255, 255, 0.94)
}

#modalLogin .col-right {
	border: none;
}

#modalLogin .btn-close {
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba(255,255,255,0.94)'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

@media (min-width: 0px) {

	/*#modalLogin .col-right {padding-left:inherit; }*/
	#modalLogin hr {
		opacity: 0.7;
		border-top: 3px solid;
	}
}

@media (min-width: 992px) {
	#modalLogin .col-right {
		padding-left: 3rem;
		border-left-width: 1px;
		border-left-style: solid;
		border-left-color: rgba(255, 255, 255, 0.9);
	}
}

/*.row.forgot-pw > * {padding-left:0rem;}*/
.row.forgot-pw a {
	font-weight: bold;
}

/* my-profile */
#subscriptions .price h5 {
	font-size: 1rem;
	font-weight: bold;
}

/* my products */
.myproducts .card-body .t-right {
	color: rgba(0, 0, 0, 0.4);
	font-weight: normal;
	display: initial;
	align-items: flex-start !important;
	font-size: 1rem;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: rgba(0, 0, 0, 0.1);
	min-height: 58px;
}

.myproducts .row.pricing,
.items .row.buynow {
	border-top-color: rgba(0, 0, 0, 0.2);
	border-right-color: rgba(0, 0, 0, 0.2);
	border-bottom-color: rgba(0, 0, 0, 0.2);
	border-left-color: rgba(0, 0, 0, 0.2);
}

.myproducts .row {
	margin-bottom: 0rem;
}

/* UPDATES */
.up-page .item-price {
	font-size: 2em;
	color: rgba(0, 0, 0, 0.5);
	font-weight: bold;
	text-transform: uppercase;
}

.up-page .item-frame .wrapper {
	position: absolute;
	width: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: center;
	align-items: center;
}

.up-page .item-frame .wrapper2 {
	position: absolute;
	width: 100%;
	left: 50%;
	bottom: 2rem;
	transform: translate(-50%, 0px);
}

/*##########################
######## JS Adjustments
############################*/

/* show nhide long text */
.excerpt {
	padding-bottom: 1rem
}

.excerpt p {
	margin-bottom: 0rem
}

.b-morelines_section_button {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.4);
	width: 100%;
	text-align: center;
	height: auto;
	line-height: 0.8rem;
	padding: 0.2rem;
	margin-top: 1rem;
	font-size: 0.8rem;
	transition: background-color ease-in 0.2s
}

.b-morelines_section_button:hover {
	background-color: rgba(0, 0, 0, 0.2);
}

.expandsection_button {
	font-size: 1.1rem;
	color: rgba(109, 148, 167, 0.7);
	background-color: rgba(217, 227, 232, 0.4);
	text-align: center;
	width: 4rem;
	margin-left: auto;
	margin-right: auto;
	padding: 0.3rem;
	margin-top: 1rem;
	transition: all ease-in 0.3s
}

.expandsection_button:hover {
	color: rgba(109, 148, 167, 1);
	background-color: rgba(217, 227, 232, 0.9);
}


/*######################
###### BOOTSTRAP #######
########################*/
.w-60 {
	width: 60%;
}

.w-70 {
	width: 70%;
}

.w-80 {
	width: 80%;
}

.mt-5 {
	margin-top: 2.5rem !important;
}

.mt-6 {
	margin-top: 3.5rem !important;
}

.mt-7 {
	margin-top: 4.5rem !important;
}

.mb-5 {
	margin-top: 2.5rem !important;
}

.mb-6 {
	margin-top: 3.5rem !important;
}

.mb-7 {
	margin-top: 4.5rem !important;
}

.pt-0 {
	padding-top: 0rem !important;
}

.pb-0 {
	padding-top: 0rem !important;
}

.dropdown-toggle.show::after {
	transform: rotate(180deg);
}