/*
 Theme Name:   Flatsome Child
 Description:  Child theme for Flatsome
 Author:       UX-Themes
 Template:     flatsome
 Version:      1.0.0
*/

#wpadminbar {
	display: none;
}

#main {
	background-color: var(--hp-bg) !important;
}

html {
	margin-top:0 !important;
}


/* Schriftgröße am Desktop auf 100% setzen */
@media screen and (min-width: 850px) {
	body {
		font-size: 100% !important;
	}
}

/* Icons Header */
#top-bar li.html {
	font-size: 14px;
}

/*Navigation*/
.header-main .nav > li > a {
	font-size: 16px;
}

#top-bar ul li {
	display: flex;
	align-items: center;
}

#top-bar ul li lord-icon {
	margin-right: 10px;
}

.has-dropdown .icon-angle-down {
	font-size: 18px !important;
	margin-left: 7px !important;
}

#menu-item-3205, #menu-item-9823 {
	background-color: var(--hp-bg);
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 20px;
}

.header-button-1, .header-button-2 {
	font-size: 16px !important;
}

#masthead {
	background-color: var(--hp-bg);
}

#masthead .header-inner {
	background-color: white;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

@media screen and (min-width: 1024px) {
	#masthead .header-inner {
		padding-left: 60px;
		padding-right: 60px;
	}

	.header-nav-main.nav-left {
		gap: 20px;
	}
}

@media screen and (min-width: 1300px) {
	#masthead .header-inner {
		max-width: 1280px;
	}
}

/*Content*/

a.button.primary {
	border: 2px solid var(--hp-black);
}

a.button.primary:hover {
	box-shadow: var(--hp-shadow-md);
	transform: translateY(-1px);
}

a.button.primary.is-outline:hover {
	box-shadow: none;
}

a.button.secondary {
	color: var(--hp-black);
	border-color: transparent;
}

a.button.secondary:hover {
	box-shadow: inset 0 0 0 100px rgba(0,0,0,.1);
}

.lmt-header-video-outer .lmt-video-inner {
	border-radius: 20px;
	overflow: hidden;
	display: flex;
	aspect-ratio: 13 / 12;
}

@media screen and (min-width: 1500px) {
	.lmt-header-video-outer .lmt-video-inner {
		aspect-ratio: 13 / 10;
	}
}

.lmt-header-video-outer .lmt-video-inner video {
	height: 100%;
	width: auto;
}

a.button {
	padding: 3px 30px;
}

a.button.is-small {
	padding: 3px 20px;
}

.section-content p {
	margin-bottom : 30px;
}

.section-content h2, .process-section h2 {
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 40px;
}

.section-content h3 {
	font-size: 20px;
	margin-bottom:30px;
	font-weight: 500;
}

section:not(.lmt-header) .section-content h6 {
	text-transform:uppercase;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
}

@media screen and (min-width: 1024px) {
	.section-content h2, .process-section h2 {
		font-size: 45px;
	}

	.section-content h3 {
		font-size: 30px;
		line-height: 40px;
	}

	section:not(.lmt-header) .section-content h6 {
		font-size: 16px;
	}
}

.lmt-header .lmt-header-text .col-inner {
	padding-left: 0 !important;
	padding-bottom: 20px !important;
}

@media screen and (min-width: 768px) {
	.lmt-header .lmt-header-text .col-inner {
		padding-left: 80px !important;
		padding-bottom: 60px !important;
	}
}

.lmt-header .lmt-header-text .text h1 {
	font-size: 14px;
	text-transform: uppercase;
}

.lmt-header .lmt-header-text .text h3.lead {
	font-size: 25px;
	line-height: 1.2;
	font-weight: 500;
}

.lmt-header .lmt-header-text .text h5 {
	font-size: 12px;
}

.lmt-header .lmt-header-text a {
	font-size: 14px;
}

@media screen and (min-width: 1024px) {
	.lmt-header .lmt-header-text .text h1 {
		font-size: 16px;
	}

	.lmt-header .lmt-header-text .text h3.lead {
		font-size: 50px;
	}

	.lmt-header .lmt-header-text .text h5 {
		font-size: 20px;
	}
}

@media screen and (min-width: 1440px) {
	.lmt-header .lmt-header-text .text h1 {
		font-size: 16px;
		margin-bottom: 30px;
	}

	.lmt-header .lmt-header-text .text h3.lead {
		font-size: 60px;
	}

	.lmt-header .lmt-header-text .text h5 {
		font-size: 20px;
	}
}

.lmt-header-advantages .col-inner.text-center h6 {
	text-transform: none;
}

@media screen and (max-width: 550px) {
	.lmt-header-advantages .col-inner.text-center {
		padding-bottom: 20px !important;
	}
}

.lmt-header-advantages .ux-lottie {
	width: 15% !important;
}

@media screen and (min-width: 550px) {
	.lmt-header-advantages .ux-lottie {
		width: 25% !important;
	}
}

@media screen and (min-width: 1024px) {
	.lmt-header-advantages .ux-lottie {
		width: 10% !important;
	}
}

@media screen and (max-width: 549px) {
	.lmt-teaser-boxes .lmt-teaser-row > .col {
		margin-left: 15px !important;
	}
}

.lmt-teaser-row > .col > .col-inner:hover {
	background-color: var(--hp-mint) !important;
}

@media screen and (min-width: 550px) {
	.lmt-ce-img-col {
		align-self: flex-start;
	}

	.lmt-ce-img-col img {
		margin-top: 5px;
	}
}

@media screen and (min-width: 1024px) {
	.lmt-ce-img-col img {
		margin-top: 10px;
	}
}

@media screen and (min-width: 1400px) {
	.lmt-ce-img-col img {
		margin-top: 0;
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 550px) {
	.lmt-green-ce-1 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.lmt-green-ce-1 .lmt-green-ce-img-col {
		padding-right: 10px !important;
	}

	.lmt-green-ce-1 .medium-6 .img {
		width: 100% !important;
	}

	.lmt-green-ce-1 .medium-6 > .col-inner {
		padding-right: 0 !important;
		padding-left: 5% !important;
	}

	.lmt-green-ce-2 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.lmt-green-ce-2 .medium-7 {
		padding-right: 0 !important;
	}

	.lmt-green-ce-2 .medium-5 {
		padding-right: 10px !important;
	}

	.lmt-green-ce-2 .medium-5 > .col-inner {
		padding: 0 !important;
		padding-left: 5% !important;
	}
}

@media screen and (min-width: 550px) {
	.lmt-green-ce-1 .lmt-green-ce-img-col {
		align-self: flex-start;
	}

	.lmt-green-ce-1 .lmt-green-ce-img-col img {
		margin-top: 5px;
	}
}

@media screen and (min-width: 1024px) {
	.lmt-green-ce-1 .lmt-green-ce-img-col img {
		margin-top: 10px;
	}
}

@media screen and (min-width: 1400px) {
	.lmt-green-ce-1 .lmt-green-ce-img-col img {
		margin-top: 0;
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 500px) {
	.lmt-green-ce-2 .medium-5 {
		padding-right: 5px !important;
	}

	.lmt-green-ce-1 .lmt-green-ce-img-col {
		padding-right: 5px !important;
	}
}

@media screen and (min-width: 550px) {
	.lmt-green-ce-2 .lmt-green-ce-img-col {
		align-self: flex-start;
	}

	.lmt-green-ce-2 .lmt-green-ce-img-col img {
		margin-top: 5px;
	}
}

@media screen and (min-width: 1024px) {
	.lmt-green-ce-2 .lmt-green-ce-img-col img {
		margin-top: 10px;
	}
}

@media screen and (min-width: 1400px) {
	.lmt-green-ce-2 .lmt-green-ce-img-col img {
		margin-top: 0;
		margin-bottom: 15px;
	}
}

.lmt-advantages .ux-lottie {
	height: 25% !important;
	width: 25% !important;
}

.lmt-advantages > .section-content > .row > .col > .col-inner {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.lmt-advantages .lmt-advantages-row {
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

@media screen and (min-width: 550px) {
	.lmt-advantages .lmt-advantages-row {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

.lmt-advantages .lmt-advantages-row .lmt-advantage-box {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

@media screen and (min-width: 550px) {
	.lmt-advantages .lmt-advantages-row .lmt-advantage-box {
		padding-left: 7px !important;
		padding-right: 7px !important;
	}
}

.lmt-advantages .lmt-advantages-row .lmt-advantage-box > .col-inner {
	margin: 0 !important;
}

.lmt-advantages .lmt-advantages-button-row {
	margin-left: 0 !important;
}

.lmt-advantages .lmt-advantages-row > div > div.col-inner > div.row > div.large-8 > div.col-inner {
	padding-top: 0 !important;
}

.lmt-advantages .lmt-advantages-row > div > div.col-inner > div.row > div.large-8 > div.col-inner > div.text {
	text-align: center !important;
}

.lmt-advantages .lmt-advantages-row .gap-element {
	padding-top: 30px !important;
}

.lmt-advantages .lmt-advantages-row .lmt-advantage-box > .col-inner > .row {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center !important;
}

@media screen and (min-width: 850px) {
	.lmt-advantages .ux-lottie {
		height: 50% !important;
		width: 50% !important;
	}
}

@media screen and (min-width: 1200px) {
	.lmt-advantages .lmt-advantages-row .gap-element {
		padding-top: 0 !important;
	}

	.lmt-advantages .lmt-advantages-row .lmt-advantage-box > .col-inner > .row {
		flex-direction: row;
	}

	.lmt-advantages .lmt-advantages-row > div > div.col-inner > div.row > div.large-8 > div.col-inner > div.text {
		text-align: left !important;
	}

	.lmt-advantages .lmt-advantages-row .lmt-advantage-box > .col-inner > .row > .large-8 {
		padding-bottom: 0;
		padding-top: 20px;
	}

	.lmt-advantages .lmt-advantages-row .lmt-advantage-box > .col-inner > .row > .large-8 .text {
		padding-right: 20px;
	}

	.lmt-advantages .lmt-advantages-row .lmt-advantage-box > .col-inner > .row > .large-4 {
		padding-top: 25px;
		padding-bottom: 25px;
	}
}

/* Footer */
#footer .footer-1 {
	border-top: 0;
	padding-top: 50px;
}

#footer .footer-1 .dark {
	border-radius: 20px 20px 0 0;
	padding: 50px 30px 20px 30px;
}

#footer .footer-2 {
	border-top: 0;
	padding-top: 0;
}

#footer .footer-2 .dark {
	border-radius: 0 0 20px 20px;
	padding: 0 0 25px 0;
}

#footer .footer-widgets {
	background-color: var(--hp-mint);
}

#footer .footer-widgets .dark {
	background-color: var(--hp-black);
}

#footer .footer-widgets .dark .widget_text p {
	margin-bottom: 0;
}

#footer .footer-widgets .dark .widget_text strong {
	display: inline-block;
	font-size: 22px;
	margin-bottom: 15px;
}

#footer .absolute-footer .footer-secondary strong {
	color: var(--hp-black);
	font-weight: 400;
	font-size: 16px;
}

#footer .absolute-footer .copyright-footer {
	color: var(--hp-black);
	font-weight: 300;
	font-size: 12px;
}

#custom_html-4 {
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

.marquee-wrap {
	width: 100%;
	overflow: hidden;
	background: var(--hp-black);
	padding: 14px 0;
}

.marquee-track {
	display: flex;
	white-space: nowrap;
	animation: marquee-scroll 18s linear infinite;
}

.marquee-track:hover {
	animation-play-state: paused;
}

.marquee-item {
	display: inline-flex;
	align-items: center;
	font-family: sans-serif;
	font-size: clamp(50px, 3.5vw, 65px);
	font-weight: 500;
	color: var(--hp-white);
	letter-spacing: -0.01em;
}

.marquee-dot {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: var(--hp-mint);
	border-radius: 50%;
	margin: 0 20px;
}

@keyframes marquee-scroll {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

.follow-us-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
	padding: 20px;
}

@media screen and (min-width: 420px) {
	.follow-us-container {
		flex-direction: row;
	}
}

.follow-text {
	color: var(--hp-white);
	font-weight: 600;
	font-size: 22px;
}

.lmt-social-icons {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 15px;
}

.lmt-social-icons li {
	margin-bottom: 0;
}

.lmt-social-icons li a {
	display: block;
	width: 40px;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat;
	transition: transform 0.3s ease;
}

.lmt-social-icons li a:hover {
	transform: scale(1.1);
}

.lmt-icon-youtube {
	background-image: url('/wp-content/themes/flatsome-child/img/youtube.svg');
}

.lmt-icon-instagram {
	background-image: url('/wp-content/themes/flatsome-child/img/instagram.svg');
}

.lmt-icon-facebook {
	background-image: url('/wp-content/themes/flatsome-child/img/facebook.svg');
}

.sticky-add-to-cart--active, #wrapper, #main, #main.dark {
	background-color: var(--hp-bg) !important;
}

/* Produktcategory */
.lmt-category {
	margin-top: 30px;
}

.category-page-title .woocommerce-breadcrumb {
	font-size: 16px;
	font-weight: 400;
}

.category-page-title .woocommerce-result-count,
.category-page-title .category-filtering,
.category-page-title .woocommerce-ordering {
	display: none;
}

/* Produktdetailseite */
.woocommerce-breadcrumb {
	display: inline-block;
	background-color: var(--hp-white);
	padding: 10px 15px 5px 15px !important;
	border-radius: 20px;
}

.woocommerce-breadcrumb a {
	font-size: 16px;
	color: var(--hp-black) !important;
}

.breadcrumbs a:first-of-type::before {
	content:' ';
	display: inline-block;
	height: 16px;
	width: 16px;
	background-image: url('/wp-content/themes/flatsome-child/img/home.svg');
	margin-bottom: -2px;
	margin-right: 10px;
}

.woocommerce-breadcrumb .divider {
	font-size: 0;
	line-height: 0;
	display: inline-block;
	height: 16px;
	width: 16px;
	margin-left: 5px !important;
	margin-right: 5px !important;
}

.woocommerce-breadcrumb .divider::after {
	content:' ';
	display: inline-block;
	margin-bottom: -2px;
	height: 16px;
	width: 16px;
	background-image: url('/wp-content/themes/flatsome-child/img/chevron-right.svg');
}

.product .badge-container {
	margin-top: 0 !important;
}

.product .badge-container .badge {
	height: auto;
	width: auto;
	margin-left: 10px;
	margin-top: 10px;
}

.product .badge-container .badge .badge-inner {
	background-color: var(--hp-mint);
	color: var(--hp-black);
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 10px;
	font-weight: 400;
	font-size: 12px;
	line-height: 1;
}

@media (min-width: 480px) {
	.product .badge-container .badge .badge-inner {
		font-size: 16px;
	}
}


.product .badge-container .badge .badge-inner::before {
	content:' ';
	display: inline-block;
	height: 23px;
	width: 23px;
	background-size: contain;
	background-image: url('/wp-content/themes/flatsome-child/img/flame.svg');
}

.product-template-default .product-page-title {
	background-color: var(--hp-bg);
}

.product .variations_form .ux-swatch {
	font-size: 14px;
	font-weight: 600;
	border-radius: 8px;
	color: var(--hp-black);
}

.product .variations tr {
	display: block;
	margin-bottom: 10px;
}

.product .variations .ux-swatch--image {
	border-radius: 30px;
}

.product .variations .ux-swatch--image img {
	border-radius: 30px;
}

.product .product-summary table tr+tr {
	border: var(--hp-white);
}

.product .variations_form .ux-swatch.ux-swatch--image.selected {
	background-color: var(--hp-white);
	box-shadow: 0 0 0 2px var(--hp-green-700);
}

.product .variations_form label,
.product .variations_form span.ux-swatch-selected-value {
	font-size: 14px;
}

.product .variations_form .ux-swatch.selected {
	background-color: var(--hp-mint);
	box-shadow: none;
}

.product .variations .reset_variations {
	position : static;
	display: inline-block;
	margin-top: 10px;
}

.product .product-summary .variations_button {
	padding: 0;
}

.product .woocommerce-variation-add-to-cart table tr:nth-child(odd) {
	background-color: var(--hp-gray-200);
}

.product .woocommerce-variation-add-to-cart table tr:nth-child(even) {
	background-color: var(--hp-white);
}

.product .woocommerce-variation-add-to-cart table {
	padding: 0;
}

.product .woocommerce-variation-add-to-cart .discount-table {
	width: 100% !important;
	border-collapse: collapse;
	table-layout: fixed;
}

.product .woocommerce-variation-add-to-cart .discount-table tr {
	width: 100%;
}

.product .woocommerce-variation-add-to-cart .discount-table tr td,
.product .woocommerce-variation-add-to-cart .discount-table tr th {
	font-size: 14px;
	color: var(--hp-black);
}

.product .woocommerce-variation-add-to-cart .discount-table th,
.product .woocommerce-variation-add-to-cart .discount-table td {
	width: 33.33%;
	padding: 12px 10px;
	box-sizing: border-box;
}

.product .woocommerce-variation-add-to-cart .table-individual-offer td {
	width: auto;
}


.product .woocommerce-variation-add-to-cart .discount-table tr.table-font {
	vertical-align: baseline;
}

.general-information-content h4 {
	display: none;
}

.general-information-content ul li::before {
	content: none;
}

.general-information-content .advantages-list {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.general-information-content .advantages-list li {
	font-size: 14px;
	margin-left: 0;
	margin-bottom: 0;
	background-color: var(--hp-bg);
	padding: 10px 11px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 1 1 100%;
}

@media (min-width: 480px) {
	.general-information-content .advantages-list li {
		flex: 0 1 calc(50% - 7px);
	}
}

@media (min-width: 850px) {
	.general-information-content .advantages-list li {
		flex: 1 1 100%;
	}
}


@media (min-width: 1024px) {
	.general-information-content .advantages-list li {
		flex: 0 1 calc(50% - 7px);
	}
}

.general-information-content .advantages-list li lord-icon {
	min-width : 30px;
}

.general-information-content .advantages-list li span strong {
	display: block;
}

.product .woocommerce-variation-add-to-cart .discount-table tr td:nth-child(3):not(:empty) {
	color: var(--hp-black) !important;
	background-color: var(--hp-mint);
	display: flex;
	vertical-align: baseline;
	padding: 2px 5px;
	margin-left: 10px;
	border-radius: 40px;
	justify-content: center;
	align-items: center;
}

.product .general-info-text-wrapper {
	border: 0 !important;
	background-color: var(--hp-bg);
	border-radius: 8px;
	padding: 12px 18px;
}

.product .general-info-text-wrapper .toggle-general-info-text {
	font-size: 16px;
	font-weight: 700;
}

.product .general-info-text-wrapper .final-price-text {
	font-size: 30px;
	line-height : 1;
	font-weight: 500;
	color: var(--hp-black);
}

.product .general-info-wrapper {
	background-color: var(--hp-bg);
	border: 0 !important;
	padding: 12px 18px;
	border-radius: 8px;
	box-shadow: none !important;
}

.product .general-info-wrapper .font-left {
	font-size: 14px !important;
}

.product .qty_label {
	font-size: 14px;
	font-weight: 400 !important;
}

.product .ux-quantity input {
	font-size: 20px !important;
	font-weight: 500 !important;
	color: var(--hp-black) !important;
	background-color: var(--hp-white) !important;
}

.product .ux-quantity input.ux-quantity__button.minus {
	border-top-left-radius: 8px !important;
	border-bottom-left-radius: 8px !important;
}

.product .ux-quantity input.ux-quantity__button.plus {
	border-top-right-radius: 8px !important;
	border-bottom-right-radius: 8px !important;
}

.product .ux-quantity input.input-text.qty {
	border-left: 0;
	border-right: 0;
	box-shadow: none;
}

.product .single_add_to_cart_button.button {
	width: 100%;
	color: var(--hp-black);
	background-color: var(--hp-white) !important;
	border: 1px solid var(--hp-black);
}

.product .single_add_to_cart_button.button:hover {}

.product .individual-offer-btn:hover {
	box-shadow: inset 0 0 0 100px rgba(0,0,0,.1);
}

.product #offer_submit {
	text-transform: none;
	background-color: var(--hp-mint);
	color: var(--hp-black);
}

.product .delivery-time-inner {
	color: var(--hp-text-soft);
}

.product .sku_wrapper {
	border-top: 0;
	font-size: 14px;
}

.product .posted_in {
	border-top: 0;
	font-size: 14px;
}

.product .posted_in a {
	display: inline-block;
	padding: 3px 8px;
	line-height: 1;
	border-radius: 20px;
	margin-bottom: 2px;
	background-color: var(--hp-bg);
	color: var(--hp-black);
}

.product .woocommerce-variation-add-to-cart.table-vat-info {
	width: 100% !important;
	text-align: left;
}

.woocommerce-product-gallery .woocommerce-product-gallery__wrapper img{
	border-radius: 20px;
}

.woocommerce-product-gallery .flex-control-nav img {
	border-radius: 8px;
}

.product .product-info {
	background-color: var(--hp-white);
	border-radius: 20px;
	padding: 20px;
}

@media screen and (min-width: 850px) {
	.product .product-info {
		padding: 40px;
	}
}

/* Container-Setup */
.process-section {
	padding: 60px 20px;
	text-align: center;
	background-color: var(--hp-white);
	border-radius: 20px;
	margin-bottom: 40px;
}

@media (min-width: 550px) {
	.process-section {
		padding: 60px 50px;
	}
}

@media (min-width: 1024px) {
	.process-section {
		margin-right: -15px;
	}
}

.process-section h6 {
	margin-bottom: 15px;
}

.process-section h2 {
	margin-bottom: 50px;
}

.process-container {
	display: grid;
	grid-template-columns: repeat(4, 1fr); /* 4 Spalten auf Desktop */
	gap: 20px;
	max-width: 1200px;
	margin: 0 auto 50px;
}

@media (max-width: 992px) {
	.process-container {
		grid-template-columns: repeat(2, 1fr); /* 2 Spalten auf Tablets */
	}
}

@media (max-width: 600px) {
	.process-container {
		grid-template-columns: 1fr; /* 1 Spalte auf Mobile */
	}
}

.process-step {
	background-color: var(--hp-mint-light);
	padding: 40px 15px;
	border-radius: 15px;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.step-number {
	position: absolute;
	top: 15px;
	left: 15px;
	background: var(--hp-white);
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-weight: bold;
	font-size: 14px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.step-icon {
	width: 60px;
	height: 60px;
	margin-bottom: 20px;
}

.process-step h3 {
	font-size: 18px;
	margin-bottom: 15px;
	color: var(--hp-black);
}

.process-step p {
	font-size: 14px;
	line-height: 1.6;
	color: var(--hp-gray-800);
	margin: 0;
}

.faq-button {
	display: inline-block;
	line-height: 1;
	background-color: var(--hp-mint);
	padding: 12px 30px;
	border-radius: 50px;
	text-decoration: none;
	color: var(--hp-black);
	font-weight: 600;
	transition: background 0.3s;
}

.faq-button:hover {
	box-shadow: inset 0 0 0 100px rgba(0,0,0,.1);
}


.accordion .accordion-item {
	background-color: var(--hp-white);
	margin-bottom: 20px;
	border-radius: 16px;
}

.accordion .accordion-item a.accordion-title {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	border-top: 0;
	font-size: 16px;
	font-weight: 600;
	padding: 20px;
	border-radius: 16px;
}

@media screen and (min-width: 850px) {
	.accordion .accordion-item a.accordion-title {
		font-size: 22px;
		padding: 30px;
	}
}

.accordion .accordion-item a.accordion-title.active {
	background:var(--hp-white);
}

.accordion .accordion-item a.accordion-title button {
	position: static;
	height: 16px;
	width: 16px;
	min-height:auto;
}

.accordion .accordion-item a.accordion-title button i {
	line-height: 22px;
	font-size: 30px;
}

.accordion .accordion-item .accordion-inner {
	padding-top: 0;
}

.accordion .accordion-item .accordion-inner::before {
	content:' ';
	width: 100%;
	display: block;
	margin-right: 30px;
	margin-bottom: 20px;
	border-top: 1px solid var(--hp-text-soft);
}


.related-products-wrapper {
	margin-bottom: 40px;
}

.related-products-wrapper .product-small {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.related-products-wrapper .product-small > .col-inner {
	border-radius: 20px;
	padding: 20px;
	background-color: var(--hp-white);
}

.related-products-wrapper .product-small > .col-inner .box-image {
	display: flex;
	align-items: center;
	aspect-ratio: 1/1;
}

@media screen and (min-width: 550px) {
	.related-products-wrapper .product-small > .col-inner .box-image::after {
		content          : ' ';
		opacity          : 0;
		background-color : var(--hp-white);
		position         : absolute;
		top              : 0;
		right            : 0;
		bottom           : 0;
		left             : 0;
		z-index          : 10;
		transition       : opacity 0.6s;
	}

	.related-products-wrapper .product-small.has-hover:hover > .col-inner .box-image::after {
		opacity    : 1;
		transition : opacity 0.6s;
	}
}

.related-products-wrapper .product-small.has-hover img.show-on-hover,
.related-products-wrapper .product-small.has-hover:hover img.show-on-hover {
	z-index: 12;
	height: auto;
	top: auto;
	bottom: auto;
}


.related-products-wrapper .product-small > .col-inner ul.lmt-colors-previews {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;
	list-style: none;
	margin-top: 10px;
	margin-bottom:0;
}

.related-products-wrapper .product-small > .col-inner li.lmt-color-preview {
	display:inline-block;
	margin-left: 0;
	margin-bottom:0;
	border-radius: 50%;
	box-shadow: 0 0 0 1px var(--hp-gray-300);
}

.related-products-wrapper .product-small > .col-inner li.lmt-color-preview span {
	width: 20px;
	height: 20px;
	display: block;
	background-size: contain;
	border: 2px solid var(--hp-white);
	border-radius: 50%;
	outline: 1px solid var(--hp-border);
}
.related-products-wrapper .product-small > .col-inner li.lmt-color-overflow  {
	display: inline-block;
	margin-left: 0;
	font-size: 12px;
	line-height: 1;
	margin-bottom:0;
	line-height: 1.34;
}

.related-products-wrapper .product-small > .col-inner .lmt-no-color-previews {
	display:block;
	height: 30px;
}

.related-products-wrapper .badge-container .badge .badge-inner {
	font-size: 12px;
	gap: 3px;
}

@media screen and (min-width: 850px) {
	.related-products-wrapper .badge-container .badge .badge-inner {
		font-size: 16px;
		gap: 10px;
	}
}

.related-products-wrapper .row-small>.flickity-viewport>.flickity-slider>.col {
	min-height: 100%;
}

.related-products-wrapper .row-small>.flickity-viewport>.flickity-slider>.col .box-text {
	padding-top: 20px;
}

.lmt-rounded-boxes .product-small > .col-inner,
.archive .product-small > .col-inner,
.archive .product-category > .col-inner {
	background-color: var(--hp-white);
	border-radius: 20px;
	padding: 10px;
	height: 100%;
}

@media screen and (min-width: 550px) {
	.lmt-rounded-boxes .product-small > .col-inner,
	.archive .product-small > .col-inner,
	.archive .product-category > .col-inner {
		padding: 20px;
	}
}

.lmt-rounded-boxes .product-small > .col-inner .box-image,
.archive .product-small > .col-inner .box-image,
.archive .product-category > .col-inner .box-image {
	display: flex;
	align-items: center;
	aspect-ratio: 1/1;
}

@media screen and (min-width: 550px) {
	.lmt-rounded-boxes .product-small .box-image a:has(img ~ img)::after,
	.archive .product-small .box-image a:has(img ~ img)::after,
	.archive .product-category .box-image a:has(img ~ img)::after {
		content          : ' ';
		opacity          : 0;
		background-color : var(--hp-white);
		position         : absolute;
		top              : 0;
		right            : 0;
		bottom           : 0;
		left             : 0;
		z-index          : 10;
		transition       : opacity 0.6s;
	}

	.lmt-rounded-boxes .product-small.has-hover:hover .col-inner .box-image a:has(img ~ img)::after,
	.archive .product-small.has-hover:hover .col-inner .box-image a:has(img ~ img)::after,
	.archive .product-category.has-hover:hover .col-inner .box-image a:has(img ~ img)::after {
		opacity    : 1;
		transition : opacity 0.6s;
	}
}

.lmt-rounded-boxes .product-small > .col-inner .colors_previews,
.archive .product-small > .col-inner .colors_previews,
.archive .product-category > .col-inner .colors_previews {
	display:none;
}

.lmt-rounded-boxes .product-small .image-fade_in_back,
.archive .product-small .image-fade_in_back {
	width: 100%;
	height: 100%;
}

.lmt-rounded-boxes .product-small .image-fade_in_back a,
.archive .product-small .image-fade_in_back a,
.archive .product-category a {
	display: flex;
	height: 100%;
	align-items: center;
}

.lmt-rounded-boxes .product-small .image-fade_in_back img,
.archive .product-small .image-fade_in_back img,
.archive .product-category img {
	height: 100% !important;
	width: 100%;
	object-fit: contain;
}


.lmt-rounded-boxes .product-small.has-hover img.show-on-hover,
.lmt-rounded-boxes .product-small.has-hover:hover img.show-on-hover,
.archive .product-small.has-hover img.show-on-hover,
.archive .product-small.has-hover:hover img.show-on-hover {
	z-index: 12;
	top: auto;
	bottom: auto;
}

/* === Globale Standardschrift: Plus Jakarta Sans (Childtheme) === */
body, input, select, textarea, button, optgroup,
h1, h2, h3, h4, h5, h6, p, blockquote, li,
.heading-font, .nav, .nav a, .button, .menu-item a {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif !important;
}
.marquee-item {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
}

/* === Farb-Swatches auch auf Archiv-/Shop-Uebersicht (vorher nur Related Products) === */
.product-small > .col-inner ul.lmt-colors-previews {
  display: flex; justify-content: center; align-items: center;
  flex-wrap: wrap; gap: 5px; list-style: none; margin-top: 10px; margin-bottom: 0;
}
.product-small > .col-inner li.lmt-color-preview {
  display: inline-block; margin-left: 0; margin-bottom: 0;
  border-radius: 50%; box-shadow: 0 0 0 1px var(--hp-gray-300);
}
.product-small > .col-inner li.lmt-color-preview span {
  width: 20px; height: 20px; display: block; background-size: contain;
  border: 2px solid var(--hp-white); border-radius: 50%; outline: 1px solid var(--hp-border);
}
.product-small > .col-inner li.lmt-color-overflow {
  display: inline-block; margin-left: 0; font-size: 12px; line-height: 1.34; margin-bottom: 0;
}

/* Footer „Beliebte Themen“ (Michi 02.10.): dezente Linkzeile vor dem Laufband, Orange nur beim Überfahren */
.hp-footlinks{display:flex;gap:10px 28px;align-items:baseline;flex-wrap:wrap;padding:22px 48px 24px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.hp-footlinks__titel{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);white-space:nowrap}
.hp-footlinks ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0;padding:0;list-style:none}
.hp-footlinks li{margin:0}
.hp-footlinks a{color:rgba(255,255,255,.8);font-size:.9rem;text-decoration:none;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}
.hp-footlinks a:hover{color:var(--hp-white);border-bottom-color:var(--hp-coral)}
@media(max-width:700px){.hp-footlinks{padding:18px 22px;flex-direction:column;gap:10px}}

/* Footer-Links allgemein: Orange-Linie beim Überfahren wie bei „Beliebte Themen“ (Michi 02.10.) */
#footer .footer-widgets a,#footer .absolute-footer a{border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}
#footer .footer-widgets a:hover,#footer .absolute-footer a:hover{color:var(--hp-white);border-bottom-color:var(--hp-coral)}
#footer .absolute-footer a:hover{color:var(--hp-black)}