/** Shopify CDN: Minification failed

Line 162:45 Unexpected "-->"
Line 4740:2 Unexpected ".50miet"

**/
html {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}

* {
	box-sizing: inherit;
}

*:before, *:after {
	box-sizing: inherit;
}
h1 {
    font-weight: 600;
}
h2 {
    font-weight: 600;
}
h3 {
    font-weight: 600;
}
@font-face {
	font-family: "FontAwesome";
	src: url('fontawesome-webfont.eot');
	src: url('fontawesome-webfont.eot?') format('eot'), url('fontawesome-webfont.woff') format('woff'), url('fontawesome-webfont.ttf') format('truetype'), url('fontawesome-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

i {
	font-family: FontAwesome;
	text-transform: none;
	font-style: normal;
}



.m-product-card__info span.m-price-item.m-price-item--sale.m-price-item--last {
    color: black !important;
}
.m-product-card__info span.m-price-item.m-price-item--regular.m\:text-xl.md\:m\:text-2xl {
    color: black !important;
}

.m-product-card__info {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
}

img.testimonial-image{
  border-radius: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}



.hf__testimonial-author {
    font-size: 0.9rem;
    font-weight: 600;
}
.hf__testimonial-date {
    font-size: 0.9rem;
}

.ltn__product-item.ltn__product-item-3.product-wrapper {
    position: relative;
    height: 100%;
}
.hf-product-grid-banner .ltn__product-item a {
    display: flex !important;
    height: 100%;
    width: 100%;
    padding: 60px 80px 60px 60px;
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, .5);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    max-height: unset !important;
}
.hf-product-grid-banner .banner-title {

    text-align: center !important;
}
.hf-product-grid-banner .banner-description {
    font-weight: 700;
    font-size: 1rem !important;
    line-height: 1.4em !important;
  text-align: center !important;
}
.main-product__block .m-product-collapsible .m-collapsible--button {
        font-size: 1rem !important;
    }
.main-product__block .m-product-addon {
    border-bottom: none !important;
}
#complementary-products-container .m-product-card__media img {
    border-radius: 20px 20px 0px 0px;
}

.m-image-with-text__image-first img {
    border-radius: 30px;
}
.m-hover-box__wrapper {
        border-radius: 100px;
    }

@media (max-width: 768px) {
      .m-mixed-layout--mobile-grid .m-mixed-layout__inner {
    /* column-gap: 10px !important; */
        row-gap: 0px !important;
    }
  .m-collection-products .m-product-item {
    margin-bottom: 20px !important;
}
    .custom-text-dropdown__title {

        text-align: center !important;
    }
  span.custom-text-dropdown__content {
    text-align: center !important;
}
      .custom-text-dropdown__toggle {
        text-align: center !important;
        margin-bottom: 25px !important;
    }
  .m-collection-toolbar--wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-content: center !important;
}
  p.contact-info {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px;
}
}


    <!-- CSS für das Modal und das Formular -->
<style>
  /* Zurücksetzen von Margins und Paddings */
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  /* Modal außerhalb des Warenkorbs */
  .modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Halbdurchsichtiges Overlay */
    z-index: 10000; /* Hoch genug für alle anderen Elemente */
    align-items: center; /* Vertikale Zentrierung */
    justify-content: center; /* Horizontale Zentrierung */
  }

  /* Modal-Inhalt */
  .modal-content {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    max-width: 500px;
    width: 90%; /* Für mobile Ansichten */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
  }

	.quote-overview {
    border: 1px solid #eeeeee;
    padding: 10px 15px;
    margin-bottom: 15px;
  }

  /* Klasse für visuell versteckte Labels */
  .visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
  }

  /* Überschrift im Modal */
  .modal-title {
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
  }

  /* Das Schließen-Icon */
  .close {
    color: #aaa;
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
  }

  .close:hover,
  .close:focus {
    color: black;
    text-decoration: none;
  }

  /* Formularelemente */
  .form-field {
    margin-bottom: 15px;
  }

  .form-field input,
  .form-field select,
  .form-field textarea {
    width: 100%;
    padding: 10px; /* Konsistentes Padding */
    margin: 0;
    box-sizing: border-box;
    border: none;
    border-radius: 5px;
    font-size: 16px; /* Konsistente Schriftgröße */
    line-height: 1.5; /* Konsistente Zeilenhöhe */
  }

  /* Erfolgsmeldung */
  .success-message {
    text-align: center;
    margin-top: 20px;
  }

  .success-message h2 {
    font-size: 24px;
    color: #28a745; /* Grüner Farbton für Erfolg */
    margin-bottom: 10px;
  }

  .success-message p {
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
  }

  /* Fehleranzeige */
  .error-message {
    text-align: center;
    color: #dc3545; /* Roter Farbton für Fehler */
    margin-top: 10px;
  }

  /* Optional: Animation für das Einblenden der Erfolgsmeldung */
  .success-message.fade-in {
    animation: fadeIn 0.5s ease-in-out;
  }

  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  /* Anpassung der Buttons */
  .m-button--primary {
    background-color: #000;
    color: #fff;
    border: 1px solid #000; /* Rahmen hinzugefügt */
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    font-size: 16px;
    transition: background-color 0.3s ease;
  }

  .m-button--primary:hover {
    background-color: #333;
  }

  .m-button--secondary {
    background-color: #fff;
    color: #000;
    border: 1px solid #000; /* Rahmen hinzugefügt für Konsistenz */
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
  }

  .m-button--link {
    background: none;
    color: #000;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    text-decoration: underline;
    font-size: 16px;
  }

  /* Stil für "Preis auf Anfrage" */
  .m-cart-item__price[data-show-price='false'] {
    color: blue;
    transition: color 0.3s ease; /* Optional: für sanfte Farbwechsel */
  }

  /* Modal-Inhalt für mobile Geräte */
  @media (max-width: 768px) {
    .modal-content {
      max-width: 90%; /* Reduziere die Breite für kleinere Bildschirme */
      width: 100%; /* Nutze den gesamten verfügbaren Platz */
      padding: 15px; /* Weniger Padding für kompakteres Design */
      font-size: 14px; /* Kleinere Schriftgröße */
    }

    .modal-title {
      font-size: 20px; /* Kleinere Titelgröße für mobile Geräte */
      margin-bottom: 15px;
    }

    .form-field input,
    .form-field select,
    .form-field textarea {
      font-size: 14px; /* Reduziere die Schriftgröße für Formularelemente */
      padding: 8px; /* Weniger Padding */
    }

    .close {
      font-size: 20px; /* Kleinere Schließen-Schaltfläche */
      right: 10px; /* Passe die Position an */
      top: 10px;
    }
  }

  /* Allgemeine Verbesserung für Mobilgeräte */
  .modal {
    overflow-y: auto; /* Ermöglicht Scrollen bei kleinen Bildschirmen */
    align-items: flex-start; /* Beginne das Modal weiter oben auf dem Bildschirm */
    padding-top: 20px; /* Abstand von der Oberseite */
  }


/* ---------- Basic Buttons ---------- */

	button.secondangebot {
		margin-top: -14px;
		border-radius: 100px;
		font-weight: 600;
		font-size: 0.9rem;
		padding: 15px 15px;
		-webkit-tap-highlight-color: transparent;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: none;
		border: 6px solid #fff0a8;
		background: transparent;
		position: relative;
		color: black !important;
		z-index: 2;
		width: 100%;
	}

	button.primaryangebot {
		width: 100%;
		border-radius: 100px;
		font-weight: 600;
		font-size: 0.9rem;
		padding: 15px 15px;
		-webkit-tap-highlight-color: transparent;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: none;
		border: 6px solid #fff0a8;
		background: transparent linear-gradient(259deg,#fff,#ffd400 14% 90%,#ef1e0c 120%) 0% 0% no-repeat padding-box;
		position: relative;
		color: black !important;
		z-index: 2;
	}
form#contact_form button.m-button.m-button--primary {
  border-radius: 100px;
		font-weight: 600;
		font-size: 0.9rem;
		padding: 15px 15px;
		-webkit-tap-highlight-color: transparent;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: none;
		border: 6px solid #fff0a8;
		background: transparent linear-gradient(259deg,#fff,#ffd400 14% 90%,#ef1e0c 120%) 0% 0% no-repeat padding-box;
		position: relative;
		color: black !important;
		z-index: 2;
}

	button.m-add-to-cart.m-spinner-button.m-button.m-button--primary {
		border-radius: 100px;
		font-weight: 600;
		font-size: 0.9rem;
		padding: 15px 15px;
		-webkit-tap-highlight-color: transparent;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: none;
		border: 6px solid #fff0a8;
		background: transparent linear-gradient(259deg,#fff,#ffd400 14% 90%,#ef1e0c 120%) 0% 0% no-repeat padding-box;
		position: relative;
		color: black !important;
		z-index: 2;
          display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	}

	button.add-to-miete-button.m-add-to-cart.m-spinner-button.m-button.m-button--secondary {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: center;
		border-radius: 100px;
		font-weight: 600;
		font-size: 0.9rem;
		padding: 15px 15px;
		-webkit-tap-highlight-color: transparent;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: none;
		border: 6px solid #fff0a8;
		background: transparent linear-gradient(259deg,#fff,#ffd400 14% 90%,#ef1e0c 120%) 0% 0% no-repeat padding-box;
		position: relative;
		color: black !important;
		z-index: 2;
		width: 100%;
	}

	button.add-to-miete-button.m-add-to-cart.m-spinner-button.m-button.m-button--secondary svg.e-font-icon-svg.e-far-list-alt {
		margin: 0;
		margin-right: 15px;
		margin-top: -2px;
	}


	button.m-button.m-button--primary.m\:w-full {
		border-radius: 100px;
		font-weight: 500;
		font-size: 1.2rem;
		padding: 15px 15px;
		-webkit-tap-highlight-color: transparent;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: none;
		border: 6px solid #fff0a8;
		background: transparent linear-gradient(259deg,#fff,#ffd400 14% 90%,#ef1e0c 120%) 0% 0% no-repeat padding-box;
		position: relative;
		color: black !important;
		z-index: 2;
	}

	button.m-button.m-button--primary.m\:w-full:after {
		width: 0%;
		height: 100%;
		top: 0;
		left: 0;
		background: #fff;
		content: "";
		position: absolute;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		border-radius: 60px;
		z-index: -1;
	}

	
	button.m-button.m-button--primary.m\:w-full:hover:after {
		width: 100%;
	}

	button.m-tooltip.m-button--icon.m-tooltip--left.m-tooltip--style-1.added-to-wishlist.m-wishlist-remove-button {
		background: #ffd401;
	}

	button.m-tooltip.m-button--icon.m-wishlist-button.m-tooltip--top.m-product-media--mobile__atwl-button.m-tooltip--style-1.added-to-wishlist {
		background: #ffd401;
	}

	#floating-miete-button, #floating-miete-button-mobile {
		background-color: #fff;
		color: #fff;
		border-radius: 50px;
		text-decoration: none;
		font-size: 16px;
		z-index: 1000;
		width: 30px;
		height: 30px;
		position: relative;
		/* margin-left: 5px; */
		/* top: 30px;
		right: 12%; */
		/* margin-right: 12px;
		margin-top: 2px; */
	}

	#floating-miete-button-mobile {
		margin-left: 5px;
	}

	/* @media screen and (max-width: 480px) {
		#floating-miete-button {
			top: 3vw;
			right: 20%
		}
	}

   @media screen and (min-width: 480px) and (max-width: 760px) {
		#floating-miete-button {
			top: 12px;
			right: 14%
		}
	}

   @media screen and (min-width: 760px) and (max-width: 1024px) {
		#floating-miete-button {
			top: 12px;
			right: 10%
		}
	}

   @media screen and (min-width: 1024px) and (max-width: 1260px) {
		#floating-miete-button {
			top: 30px;
			right: 8%
		}
	}

   @media screen and (min-width: 1260px) and (max-width: 1650px) {
		#floating-miete-button {
			top: 30px;
			right: 12%
		}
	}

	@media screen and (min-width: 1650px) and (max-width: 1780px) {
		#floating-miete-button {
			top: 30px;
			right: 8%
		}
	}

	@media screen and (min-width: 1780px) and (max-width: 1920px) {
		#floating-miete-button {
			top: 28px;
			right: 12%
		}
	}

	@media screen and (min-width: 1930px) and (max-width: 2200px) {
		#floating-miete-button {
			top: 28px;
			right: 16%
		}
	}

	@media screen and (min-width: 2210px) and (max-width: 2400px;) {
		#floating-miete-button {
			top: 28px;
			right: 20%
		}
	} */

	.read-more-btn {
		margin-top: 10px;
		background-color: transparent !important;
		color: black !important;
		padding: 0px !important;
		cursor: pointer;
		border-radius: 0px !important;
		border-bottom: 1px solid black;
	}

	.twobuttons {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		justify-content: space-around;
		align-items: center;
		gap: 15px;
	}

	.buttonfirst .m-custom-content__block-inner.m\:w-full {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: flex-start;
	}

	/* ---------- Toggle ---------- */

	button.btn.btn-link.toggle-icon span.icon-closed {
		display: none;
	}
	
	button.btn.btn-link.toggle-icon span.icon-opened {
		display: block;
	}
	
	button.btn.btn-link.toggle-icon.collapsed span.icon-closed {
		display: block;
	}
	
	button.btn.btn-link.toggle-icon.collapsed span.icon-opened {
		display: none;
	}

	.toggle-icon {
		position: relative;
		padding-left: 25px;
	}

	.toggle-icon .icon-closed, .toggle-icon .icon-opened {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		font-size: 1.2em;
	}
	
	.toggle-icon .icon-opened {
		display: none;
	}
	





/* ---------- Custom Anchor Button Styles ---------- */

	a.m-button.m-button--primary {
		border-radius: 100px;
		font-weight: 600;
		font-size: 0.9rem;
		padding: 15px 15px;
		-webkit-tap-highlight-color: transparent;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: none;
		border: 6px solid #fff0a8;
		background: transparent linear-gradient(259deg,#fff,#ffd400 14% 90%,#ef1e0c 120%) 0% 0% no-repeat padding-box;
		position: relative;
		color: black !important;
		z-index: 2;
	}

	a.m-button.m-button--primary:after {
		width: 0%;
		height: 100%;
		top: 0;
		left: 0;
		background: #fff;
		content: "";
		position: absolute;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		border-radius: 60px;
		z-index: -1;
	}

	a.m-button.m-button--primary:hover:after {
		width: 100%;
	}

	a.m-button.m-button--secondary {
		border-radius: 100px;
		font-weight: 600;
		font-size: 0.9rem;
		padding: 15px 30px;
		-webkit-tap-highlight-color: transparent;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: none;
		border: 6px solid #fff0a8;
		background: white;
		position: relative;
		color: black !important;
		z-index: 2;
	}

	a.m-button.m-button--primary.start svg {
		-webkit-animation: stroke 1s linear;
		animation: stroke 1s linear;
	}

	a.m-button.m-button--primary .lines {
		position: absolute;
		inset: 0;
		pointer-events: none;
		z-index: 1;
	}

	a.m-button.m-button--primary .lines > div {
		position: absolute;
		inset: 0;
	}

	a.m-button.m-button--primary .lines > div:last-child {
		transform: rotate(180deg);
	}

	a.m-button.m-button--primary .lines > div svg {
		display: block;
		position: absolute;
		inset: 0;
		overflow: visible;
		fill: none;
		stroke-width: 1;
		stroke: #ffb700;
		width: 100%;
		height: 100%;
		stroke-dasharray: 2 10;
		stroke-dashoffset: 14;
		opacity: 0;
	}

	a.m-button.m-button--primary .lines > div svg:nth-child(2) {
		stroke-width: 2px;
	}

	a.m-button.m-button--primary .lines > div svg:nth-child(3) {
		stroke-width: 2px;
	}

	a.m-button.m-button--primary .lines > div svg:nth-child(4) {
		stroke-width: 2px;
	}



/* ----------  OMGFRQ Section Styles ---------- */

	/* ---------- Buttons ---------- */

		button.omgrfq-btn-quotes.omgrfq-btn:after {
			width: 0%;
			height: 100%;
			top: 0;
			left: 0;
			background: #fff;
			content: "";
			position: absolute;
			-webkit-transition: all .3s;
			-moz-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
			border-radius: 60px;
			z-index: -1;
		}

		button.omgrfq-btn-quotes.omgrfq-btn:hover:after {
			width: 100%;
		}


		.view-quote-btn .icon-quote-cart.omgrfq_view_quote_btn {
			margin-left: -11px !important;
		}


		.omgrfq-button {
			width: 100%;
		}


		button.omgrfq-btn-quotes.omgrfq-btn {
			font-weight: 600 !important;
			font-size: 1rem !important;
			border-radius: 60px !important;
			height: 65px;
			width: 100%;
			padding: 10px 30px;
			background: transparent linear-gradient(259deg,#fff,#ffd400 14% 90%,#ef1e0c 120%) 0% 0% no-repeat padding-box;
			border: 6px solid #fff0a8 !important;
			color: #373737;
			font-size: 15px;
			line-height: 19px;
			font-weight: 600;
			transition: all .3s ease 0s;
			position: relative;
			z-index: 1;
			margin-right: 15px;
		}


		.omgrfq-btn:hover:after {
			width: 100%;
		}

		.omgrfq-btn:after {
			width: 0%;
			height: 100%;
			top: 0;
			left: 0;
			background: var(--white);
			border-radius: 60px !important;
			content: "";
			position: absolute;
			z-index: -1;
			-webkit-transition: all .3s;
			-moz-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
		}

	/* ---------- Misc omgrfq ---------- */

		.omgrfq-quotes-page-content.omgrfq-quotes-page-content-snap.omgrfq-quote-snap-step-submit.omgrfq-quote-snap-submit .omgrfq-branding {
			display: none;
		}

		.omgrfq-quotes-page-content.omgrfq-quotes-page-content-snap.omgrfq-quote-snap-step-submit.omgrfq-quote-snap-submit .omgrfq-content-step-submit .omgrfq-form-wrapper {
			border-radius: 15px;
		}

		.omgrfq-quotes-page-content.omgrfq-quotes-page-content-snap.omgrfq-quote-snap-step-submit.omgrfq-quote-snap-submit .btn.btn-default.button.product-form--atc-button.button--primary.Button.Button--primary {
			border-radius: 100px !important;
			font-weight: 600;
			font-size: .9rem;
			padding: 15px;
			-webkit-tap-highlight-color: transparent;
			cursor: pointer;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			outline: none;
			border: 6px solid #fff0a8;
			background: transparent linear-gradient(259deg,#fff,#ffd400 14% 90%,#ef1e0c 120%) 0% 0% no-repeat padding-box !important;
			position: relative;
			color: #000 !important;
			z-index: 2;
		}

		.omgrfq-quotes-page-content.omgrfq-quotes-page-content-snap.omgrfq-quote-snap-step-submit.omgrfq-quote-snap-submit .omgrfq_continue_shopping {
			background: white;
		}

		.omgrfq-quotes-page-content.omgrfq-quotes-page-content-snap.omgrfq-quote-snap-step-submit.omgrfq-quote-snap-submit .omgrfq-form {
			padding: 20px !important;
			max-height: unset !important;
		}

	



/* ---------- Breadcrumb ---------- */

	.m-breadcrumb--wrapper {
		margin: 0 -22px;
	}

	.m-breadcrumb--item {
		padding: 4px;
		font-size: 14px;
		padding-left: 24px;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.m-breadcrumb--wrapper.m\:flex.m\:items-center.m\:justify-left {
		padding-top: 7px;
	}


/* ---------- Drawer ---------- */

	.drawer-menu ul.side-men.m-menu a.m-menu__link.m-menu__link--main {
		padding: 10px;
	}

	.drawer-menu .m-menu {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}

	.drawer-menu {
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 320px;
		background-color: #fff;
		box-shadow: 2px 0 5px rgba(0,0,0,0.3);
		transform: translateX(-100%);
		transition: transform 0.3s ease;
		z-index: 999;
	}

	.drawer-menu ul.side-men.m-menu {
		margin-top: 50px;
	}

	.drawer-menu ul.submenu {
		margin-left: 27px;
		font-size: 0.9rem;
		line-height: 2em;
	}

	.drawer-menu ul.submenu li {
		height: 2.5em;
		MAX-HEIGHT: UNSET;
	}

	.drawer-menu ul.submenu .m-menu__item:hover>a:after {
		width: 0px;
	}

	.drawer-menu .m-menu__item .submenu a:hover {
		color: #fba203;
	}

	.drawer-menu a.m-menu__link.m-menu__link--main:hover {
		color: #fba203;
	}

	.drawer-menu-content {
		padding: 20px;
	}

	.drawer-menu.active {
		transform: translateX(0);
	}

	.drawer-menu .m-menu__item:hover>a:after {
		width: 0px !important;
	}

	div#overlayme.active {
		position: fixed;
		top: 0px;
		left: 0px;
		right: 0;
		bottom: 0;
		z-index: 100;
		background: #00000069;
		height: 100vh;
	}

	div#drawer-menu .m-cart-drawer__header {
		padding: 0;
	}

	.m-drawer-menu-login-button-wrapper {
		position: absolute;
		bottom: 20px;
		width: 85%;
	}

/* ---------- Drawer wishlist ---------- */

	.drawerwishlist {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		align-items: center;
		width: 100%;
		padding-left: 5px;
	}

	.drawerwishlist span.m-tooltip.m\:block.m-tooltip--bottom.m-tooltip--style-2 {
		margin-right: 25px;
	}

	.drawerwishlist a.m-header__wishlist {
		width: 242px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: flex-start;
		align-items: center;
	}

	.drawerwishlist sup.m-wishlist-count {
		position: absolute;
		left: 30px;
	}				
		

/* ---------- Footer ---------- */

	h3.myfootertitle {
		font-size: 1.5rem;
		font-weight: 400;
		margin-bottom: 20px;
	}

	h3.m-accordion--item-button.m-footer--block-title {
		font-size: 1.5rem;
		font-weight: 400;
		margin-bottom: 20px;
	}

	.myfooter .m-newsletter-form__wrapper {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}

	.myfooter input#ContactSubscribe-newsletter_xi9Nh9-email {
		border-radius: 20px 0px 0px 20px;
	}

	.myfooter span.m-newsletter-form__icon {
		display: none;
	}

	.myfooter button.m-newsletter-form__button.m-newsletter-form__button--icon.m-button.m-button--primary {
		border-radius: 0px 20px 20px 0px;
	}

	h3.myfootertitle.secondtitle {
		margin-top: 50px;
	}

	.footercont2 h3.myfootertitle {
		margin-bottom: 7px;
	}

	.m-accordion--item-content.m-footer--block-content h4 {
		font-weight: 400 !important;
		font-size: 1.3rem;
		margin: 0px !important;
	}

	ul.iconsfooter li {
    	padding-left: 30px;
		height: 35px;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		position: relative;
	}

	ul.iconsfooter li:before {
		content: "\f00c";
		z-index: 1;
		position: absolute;
		top: 4px;
		left: -4px;
		font-family: "Font Awesome 5 Free";
		font-size: 15px;
		font-weight: 900;
		background: transparent;
		border-radius: 50%;
		height: 30px;
		width: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
		color: green;
	}

	img.footericon {
		width: 100px;
		margin-top: 50px;
	}

	.myfooter {
		background: #f5f5f5;
	}

	.m-footer--accordion {
		display: none;
	}

	.container-fluid.footerme {
		margin-top: 0;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: flex-start;
		align-items: flex-start;
		gap: 30px;
	}

	.footercont {
		width: 50%;
	}

	.footercont2 {
		width: 33%;
	}

	.footercont3 {
		width: 33%;
	}


	img.footerdivider {
		width: 100vw;
		position: relative;
		margin-bottom: -2vw;
		z-index: 71;
	}

	.m-footer--middle.m-gradient.m-color-footer {
		padding-top: 60px;
	}

/* ---------- HF Styles ---------- */

	.hf__section-success-reasons .section-separator {
		width: 100%;
		height: auto;
		pointer-events: none;
		user-select: none;
	}

	.hf__section-success-reasons .section-separator.top {
		margin-bottom: -2px;
	}

	.hf__section-success-reasons .section-separator.bottom {
		margin-top: -2px;
	}

	.hf__section-success-reasons .section-wrap {
		background: #f5f5f5;
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.hf__section-success-reasons .container .section-body {
		position: relative;
	}

	.hf__section-success-reasons .content-wrapper {
		position: relative;
		max-width: 550px;
		margin-top: 100px;
	}

	.hf__section-success-reasons .title {
		max-width: 1200px;
		text-align: center;
		margin: 0 auto 32px auto;
	}

	.hf__section-success-reasons .stars-wrapper {
		display: flex;
		justify-content: center;
		margin-bottom: 32px;
	}

	.hf__section-success-reasons .stars-wrapper i {
		color: #ffd400;
	}

	.hf__section-success-reasons ul {
		margin-bottom: 0;
		counter-reset: bullet-points;
	}

	.hf__section-success-reasons ul li {
		list-style: none;
		margin-bottom: 32px;
		position: relative;
	}

	.hf__section-success-reasons ul li:before {
		content: counter(bullet-points);
		counter-increment: bullet-points;
		border: 6px solid #fff0a8;
		background: #ffd400;
		height: 56px;
		width: 56px;
		position: absolute;
		left: -70px;
		top: -15px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 40px;
		line-height: 28px;
		font-weight: bold;
	}

	.hf__section-success-reasons ul li span {
		display: block;
	}

	.hf__section-success-reasons ul li .bullet-title {
		font-size: 24px;
		line-height: 28px;
		font-weight: 600;
	}

	.hf__section-success-reasons ul li .bullet-content {
		font-size: 18px;
		line-height: 24px;
	}

	.hf__section-success-reasons .logo-img-wrapper {
		background-color: #fff;
		border-radius: 20px;
		position: absolute;
		top: 0;
		right: 0;
		padding: 10px 50px;
	}

	.hf__section-success-reasons .img-video-wrapper {
		z-index: 0;
		text-align: right;
		margin-top: -564px;
		position: relative;
	}

	.hf__section-success-reasons .img-video-wrapper .percent-100 {
		font-size: 60px;
		line-height: 1;
		color: #ffd400;
		font-weight: 700;
		position: absolute;
		right: 0;
		top: 6px;
	}

	.hf__section-success-reasons .img-video-wrapper .play-button {
		position: absolute;
		bottom: 190px;
		right: 190px;
	}

	.hf__section-success-reasons .img-video-wrapper .play-button img {
		filter: brightness(0) invert(1);
	}

	.hf__section-success-reasons .button-row {
		margin-top: 32px;
		display: flex;
		justify-content: center;
		gap: 2rem;
	}

	.hf__section-success-reasons .img-wrapper img {
		max-width: unset !important;
    width: 100%;
    object-fit: contain;
    height: auto;
    text-align: right;
    margin-left: auto;
    margin-top: 92px;
	}



	.hf__section-success-reasons .m-video__play {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		position: static;
		transform: unset;
		width: 90px;
		height: 90px;
		transition: var(--m-duration-default,0.25s) all;
		position: absolute;
		right: 15%;
		left: unset;
		bottom: 30%;
		top: unset;
		cursor: pointer;
	}

	.hf__section-success-reasons iframe.js-youtube {
		width: 100%;
		height: 100%;
		aspect-ratio: 1.77;
		border-radius: 20px;
	}

	.hf__section-success-reasons {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.hf__section-success-reasons .close {
		color: #fff;
		float: right;
		font-size: 28px;
		font-weight: 700;
		right: -20px;
		top: -30px;
		position: absolute;
	}

	.hf__section-success-reasons .close:hover, .hf__section-success-reasons .close:focus {
		color: black;
		text-decoration: none;
		cursor: pointer;
	}


	.hf__section-button-bulletpoint-row .container {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 80px;
	}

	.hf__section-button-bulletpoint-row ul {
		display: flex;
		margin-left: auto;
		margin-bottom: 0;
	}

	.hf__section-button-bulletpoint-row ul li {
		list-style: none;
		position: relative;
		margin-left: 75px;
		margin-top: 0;
	}

	.hf__section-button-bulletpoint-row ul li:before {
		content: "\f00c";
		font-family: "Font Awesome 5 Free";
		background: #ffd400;
		height: 30px;
		width: 30px;
		position: absolute;
		left: -45px;
		top: -3px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 18px;
		line-height: 24px;
		font-weight: bold;
	}

	.hf__section-button-bulletpoint-row ul li span {
		display: block;
	}

	.hf__section-button-bulletpoint-row ul li .bullet-title {
		font-size: 15px;
		line-height: 24px;
		font-weight: 600;
	}

	.hf__section-button-bulletpoint-row .button-row {
		display: flex;
		justify-content: space-between;
		align-self: flex-end;
		gap: 16px;
	}

	.hf__section-button-bulletpoint-row .button-row .btn-wrapper {
		margin-top: 0;
	}


	.circle-point-content h3 {
		font-size: 1.3rem;
	}

	.hf-section-circle-points .section-separator {
		width: 100%;
		height: auto;
		pointer-events: none;
		user-select: none;
	}

	.hf-section-circle-points .section-separator.white {
		filter: brightness(0) invert(1);
	}

	.hf-section-circle-points .section-separator.top {
		margin-bottom: -2px;
	}

	.hf-section-circle-points .section-separator.bottom {
		margin-top: -2px;
	}

	.hf-section-circle-points .section-wrap {
		background: #f5f5f5;
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.hf-section-circle-points .textcontent {
		font-size: 18px;
		line-height: 22px;
	}

	.hf-section-circle-points .circle-points-inner {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-top: 80px;
	}

	.hf-section-circle-points .circle-points-wrapper {
		position: relative;
		width: 700px;
		height: 700px;
		margin-bottom: 180px;
	}

	.hf-section-circle-points .circle-points-wrapper .circle-inner {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.hf-section-circle-points .circle-points-wrapper .circle {
		width: 700px;
		height: 700px;
		border: 20px solid #ffffff;
		border-radius: 50%;
	}

	.hf-section-circle-points .circle-point-icon {
		width: 170px;
		height: 170px;
		border-radius: 50%;
		background-color: #ffffff;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.hf-section-circle-points .circle-point-icon i {
		font-size: 64px;
		line-height: 85px;
		color: #ffd400;
	}

	.hf-section-circle-points .circle-point .circle-point-content {
		width: 350px;
		max-width: 350px;
	}

	.hf-section-circle-points .circle-point {
		position: absolute;
	}

	.hf-section-circle-points .circle-point-1, .hf-section-circle-points .circle-point-2 {
		display: flex;
		gap: 2rem;
	}

	.hf-section-circle-points .circle-point-3 {
		display: flex;
		flex-direction: column;
		top: 200px;
		left: -250px;
	}

	.hf-section-circle-points .circle-point-3 .circle-point-icon {
		align-self: flex-end;
	}

	.hf-section-circle-points .circle-point-1 {
		top: 70px;
		right: -398px;
	}

	.hf-section-circle-points .circle-point-2 {
		top: 600px;
		right: -200px;
	}


	.hf__section-advantages .rte ul {
		list-style: none !important;
	}
	.hf__section-masonry-gallery .hf-testimonials-wrapper {
		display: grid;
		grid-gap: 8px;
		grid-template-columns: repeat(auto-fit, minmax(30%,1fr));
		grid-auto-flow: dense;
	}

	.hf__section-masonry-gallery .hf-testimonial-block {
		border: 1px solid #b2b2b2;
		border-radius: 20px;
		padding: 20px 60px 20px 30px;
		width: 100%;
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.hf__section-masonry-gallery .hf__testimonial-item {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
	}

	.hf__section-masonry-gallery .hf-testimonial-block .stars-wrapper i {
		color: #ffd400;
	}

	.hf__section-masonry-gallery .hf-testimonial-block .hf__testimonial-footer {
		display: flex;
		align-items: center;
		justify-content: space-between;
        margin-top: 10px;
		max-width: 75vw;
	}

	.hf__section-masonry-gallery.hf-testimonial-block.hf__testimonial-footer.hf__testimonial-avatarimg {
		border-radius: 50%;
		width: 26px;
		height: 26px;
		margin-right: 8px;
		object-fit: cover;
	}

	.hf__section-masonry-gallery.hf-testimonial-block.hf__testimonial-footer.hf__testimonial-author {
		margin-right: auto;
		font-size: 13px;
		line-height: 24px;
		font-weight: 600;
		color: #000;
	}

	.hf__section-masonry-gallery.hf-testimonial-block.hf__testimonial-footer.hf__testimonial-date {
		font-size: 13px;
		color: #b2b2b2;
		margin-right: -30px;
	}

	.hf__section-masonry-gallery .hf-testimonial-block.tall {
		grid-row: span 2;
	}

	.hf__section-masonry-gallery.hf-testimonial-block.hf__testimonial-content.testimonial-image {
		max-width: 100%;
		width: 100%;
		height: auto;
		vertical-align: middle;
		display: inline-block;
		max-height: 200px;
		object-fit: cover;
		margin-bottom: 12px;
	}

	.hf__section-masonry-gallery .hf-testimonial-block.hf__total-rating {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.hf__section-masonry-gallery.hf-testimonial-block.hf__total-rating.hf__total-rating-title {
		width: 100%;
		font-size: 20px;
		font-weight: 700;
		line-height: 28px;
	}

	.hf__section-masonry-gallery.hf-testimonial-block.hf__total-rating.google-logo-wrapper {
		width: 50%;
		margin-right: auto;
	}

	.hf__section-masonry-gallery.hf-testimonial-block.hf__total-rating.google-rating-wrapper.hf__total-rating-value {
		font-size: 55px;
		line-height: 1em;
		font-weight: 500;
	}

	.hf__section-masonry-gallery.hf-testimonial-block.hf__total-rating.google-rating-wrapper {
		text-align: center;
	}

	.hf__section-masonry-gallery.hf-testimonial-block.hf__total-rating.google-rating-wrapper.hf__total-rating-count {
		font-size: 13px;
		line-height: 16px;
		color: #373737;
	}

	.hf__section-masonry-gallery.hf-testimonial-block.hf__total-rating.google-rating-wrapper.stars-wrapper {
		height: 24px;
	}

	.hf__section-masonry-gallery.hf-testimonial-block.hf__total-rating.google-rating-wrapper.stars-wrapperi {
		color: #ffd400;
		font-size: 12px;
	}

	.hf__section-masonry-gallery .hf-testimonial-block .hf__testimonial-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 16px;
		margin-right: -30px;
	}

	.hf__section-bullet-points {
		margin-bottom: 80px;
	}

	.hf__section-bullet-points .content-wrapper {
		position: relative;
	}

	.hf__section-bullet-points ul {
		margin-bottom: 0;
		counter-reset: bullet-points;
		display: grid;
		grid-template-columns: 1fr 1fr;
		list-style: none;
		padding: 0;
	}

	.hf__section-bullet-points ul li:nth-child(1) {
		grid-column: 1;
		grid-row: 1;
	}

	.hf__section-bullet-points ul li:nth-child(2) {
		grid-column: 1;
		grid-row: 2;
	}

	.hf__section-bullet-points ul li:nth-child(3) {
		grid-column: 1;
		grid-row: 3;
	}

	.hf__section-bullet-points ul li:nth-child(4) {
		grid-column: 2;
		grid-row: 1;
	}

	.hf__section-bullet-points ul li:nth-child(5) {
		grid-column: 2;
		grid-row: 2;
	}

	.hf__section-bullet-points ul li:nth-child(6) {
		grid-column: 2;
		grid-row: 3;
	}

	.hf__section-bullet-points ul li {
		list-style: none;
		margin-bottom: 32px;
		position: relative;
		margin-left: 80px;
		max-width: 490px;
	}

	.hf__section-bullet-points ul li:before {
		content: counter(bullet-points);
		counter-increment: bullet-points;
		border: 6px solid #fff0a8;
		background: #ffd400;
		height: 56px;
		width: 56px;
		position: absolute;
		left: -70px;
		top: -15px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 40px;
		line-height: 28px;
		font-weight: bold;
	}

	.hf__section-bullet-points ul li span {
		display: block;
	}

	.hf__section-bullet-points ul li .bullet-title {
		font-size: 24px;
		line-height: 28px;
		font-weight: 600;
	}

	.hf__section-bullet-points ul li .bullet-content {
		font-size: 18px;
		line-height: 24px;
	}

	.hf__section-bullet-points .img-video-wrapper {
		z-index: 0;
		text-align: center;
		margin-top: -400px;
	}

	.hf__section-bullet-points .img-video-wrapper img {
		max-width: unset;
		width: 85%;
	}

	.hf__section-bullet-points .btn-wrapper {
		margin-top: 32px;
		display: flex;
		justify-content: center;
	}

	.hf__section-bullet-points strong {
		font-size: 1.5rem;
		line-height: 1em;
	}

	div#m-custom__block--text_4Ywhpf {
		max-width: 100%;
		width: 1100px;
		margin-left: auto;
		margin-right: auto;
	}

	.hf__section-bullet-points .m-richtext__description.rte.m\:text-color-subtext.h6 {
		text-align: left;
	}


	.hf__section-advantages iframe.js-youtube {
		width: 100%;
		aspect-ratio: 1.4;
		border-radius: 20px;
	}

	.hf__section-advantages .m-gradient.m-color-default {
		background: transparent !important;
	}

	.hf__section-advantages .rte li {
		position: relative;
	}

	.hf__section-advantages .rte li::before {
		position: absolute;
		top: 0;
		left: -40px;
		font-family: "Font Awesome\ 5 Free";
		font-size: 15px;
		font-weight: 900;
		background: #ffd400;
		border-radius: 50%;
		height: 30px;
		width: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.hf__section-advantages .rte li:nth-child(1)::before {
		content: "\f005";
	}

	.hf__section-advantages .rte li:nth-child(2)::before {
		content: "\f00c";
	}

	.hf__section-advantages .rte li:nth-child(3)::before {
		content: "\f559";
	}

	.hf__section-advantages .rte li:nth-child(4)::before {
		content: "\f153";
	}

	.hf__section-advantages ul {
		list-style: none !important;
	}

	.hf__section-advantages .videocontainer .m-custom-content__block-inner.m\:w-full {
		background: transparent linear-gradient(217deg,#fff0a8,#ffd400 14% 72%,#ef1e0c) 0% 0% no-repeat padding-box;
		border-radius: 20px;
		padding: 20px;
	}
.hf__section-advantages .videocontainer .m-custom-content__block-inner.m\:w-full {
		background: transparent linear-gradient(217deg,#fff0a8,#ffd400 14% 72%,#ef1e0c) 0% 0% no-repeat padding-box;
		border-radius: 20px;
		padding: 20px;
	}
	.container-fluid.m-section-my.m-section-py.m-custom-content__container responsive-image.m-image.m-image-loaded {
		border-radius: 20px;
		overflow: hidden;
	}


	/* ---------- hf Category ---------- */


		.hf__category-item img {
			aspect-ratio: 1;
			object-fit: cover;
			width: 100%;
			border-radius: 25px;
		}

		.hf__category-item.layout-4-images img:first-child {
			width: 100%;
			height: 68%;
			aspect-ratio: 1.5;
		}

		.hf__category-item.layout-4-images img {
			width: calc(33% - 10px);
		}

		.hf__category-item.layout-4-images-top img:last-child {
			width: 100%;
			height: 68%;
			aspect-ratio: 1.5;
		}

		.hf__category-item.layout-4-images-top img {
			width: calc(33% - 10px);
		}

		.hf__category-item .image-grid {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			align-content: flex-start;
			justify-content: space-evenly;
			align-items: center;
			gap: 10px;
		}

		.hf__category-item .title {
			font-size: 1.5rem;
			font-weight: 700;
			text-align: center;
			line-height: 1.5em;
			margin-bottom: 15px;
			margin-top: 20px;
		}

		.hf__category-item {
			transition: all 0.3s ease-in-out;
		}

		.hfcontent {
			font-size: 1.2rem;
			text-align: center;
			margin-bottom: 25px;
		}

		.hf__category-item .btn-wrapper {
			text-align: center;
		}


	/* ---------- Products ---------- */

		.m-product-media--slider__thumbnails responsive-image.m-image.m-image-loaded:before {
			padding-top: 100%;
		}
	
		.hf-product-grid-banner .ltn__product-item a {
			display: block;
			height: 100%;
			width: 100%;
			padding: 60px 80px 60px 60px;
			color: #fff;
			text-shadow: 0 0 10px rgba(0,0,0,0.5);
		}

		.hf-product-grid-banner .ltn__product-item a:hover {
			color: #ffd401;
		}

		.hf-product-grid-banner .banner-title {
			font-weight: bold;
			font-size: 24px;
			line-height: 28px;
			margin-bottom: 1em;
		}

		.hf-product-grid-banner .banner-description {
			font-weight: bold;
			font-size: 24px;
			line-height: 28px;
		}

		.hf-product-grid-banner.col-lg-8.col-md-12.col-12 {
			width: calc(66% - 20px);
			display: flex;
			flex-direction: column;
			align-content: flex-start;
			justify-content: flex-start;
			padding: 20px;
			border-radius: 20px;
			margin-bottom: 30px;
			margin-left: 12px;
			margin-right: 12px;
		}
        

/* ---------- Complementary Product ---------- */

	.complementary-products.variant.notselected.id {
		display: none;
	}

	.complementary-products.variant.selected.id {
		display: block;
	}

	.complementary-products.variant2.notselected.id {
		display: none;
	}

	.complementary-products.variant2.selected.id {
		display: block;
	}

	/* ---------- Product Complementary ---------- */

		.product-complementary .product-grid {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			align-content: flex-start;
			justify-content: flex-start;
			align-items: flex-start;
			margin-top: 24px;
			gap: 20px;
		}

		.product-complementary .m\:column {
			width: calc(33% - 20px);
			padding: 0;
		}

		.product-complementary .m-tooltip__content {
			display: none;
		}


		.product-complementary .m-price__regular {
			color: #1a73e8;
		}


		.product-complementary .m-product-card__action--top {
			transform: translate3d(0%,0,0);
			opacity: 1;
		}

		.product-complementary .m-product-card__action {
			transform: translate3d(0,0%,0);
			opacity: 1;
		}

		.product-complementary .m-product-card__info {
			text-align: center;
		}

		.product-complementary .m-price__sale .m-price-item--last {
			color: rgb(var(--color-price-sale));
			font-size: 1rem;
			line-height: 1em !important;
		}

		.product-complementary span.m-price-item.m-price-item--regular {
			font-size: 1rem;
		}

		.product-complementary .m-product-card {
			position: relative;
			border: 1px solid #efefef;
			border-radius: 20px;
			margin-bottom: 20px;
		}

		.product-complementary button.m-product-form.m\:w-full.m-product-quickview-button.m-spinner-button.m-button.m-button--white {
			font-size: 0.9rem;
			font-weight: 600;
		}

		button.m-tooltip.m-button--icon.m-wishlist-button.m-tooltip--left.m-tooltip--style-1.added-to-wishlist {
			background: #ffd401;
			border-color: #ffd401;
		}

		.tool-add-cart-button-wrapper {
			width: 100%;
		}

		.tool-add-cart-button-wrapper .m-product-form {
			display: block;
			width: 85%;
			margin: auto;
		}

		.tool-add-cart-button-wrapper .m-product-form button {
			width: 100%;
			background-color: #ffd400;
			padding: 4px 2px;
			margin-bottom: 10px;
			border-radius: 8px;
		}
/* ---------- Product Media ---------- */

	.m-product-option--node label {
		border-radius: 100px !important;
		padding: 16px 24px !important;
		line-height: 1em !important;
		font-weight: 600;
		/* font-size: 0.9rem !important; */
	}

	@media only screen and (max-width: 760px) {
		.m-product-option--node label {
			padding: 12px 5px !important;
			font-size: 12px !important;
		}
	}

	.m-product-option--button .m-product-option--node__label {
		/* border-color: #ebc300; */
		border-width: 2px;
	}

	.checked-icon-wrapper {
		display: none;
		position: absolute;
		top: 0;
		right: 10px;
		width: fit-content;
		border-radius: 50%;
		background-color: #000000;
	}

	span.m-product-meta--label {
		min-width: unset !important;
		margin-right: 10px !important;
		font-size: 0.9rem;
		color: #969696;
	}

	.m-product-meta--value {
		font-size: 0.9rem;
		color: #969696;
	}

	.main-product__block.main-product__block-meta li {
		margin-top: 0px !important;
	}

	.main-product__block.main-product__block-meta {
		margin-top: 0px !important;
	}

	.m-product-media {
		border-radius: 20px;
		overflow: hidden;
	}

	.m-product-media img {
		border-radius: 20px;
		overflow: hidden;
	}

	.m-product-media--slider .nav-swiper-container .swiper-slide-thumb-active .m-product-media {
		border: 1px solid #ebc300 !important;
		border-radius: 20px;
	}

	.m-product-media--slider__thumbnails {
		padding-bottom: 10px;
	}

/* ---------- Product Card ---------- */

	.m-product-card__price span.m-price-item.m-price-item--regular.m\:text-xl.md\:m\:text-2xl {
		font-size: 0.85rem;
	}

	.m-product-quickview--info .m-product-form--input {
		display: none;
	}

	.m-product-card--style-3 .m-product-card__action--top {
		bottom: 15px;
		top: unset;
		left: 15px;
		transform: none;
		opacity: 1;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: flex-start;
		justify-content: flex-end;
		align-items: flex-end;
	}

	.m-product-card__background-expand {
		display: none !important;
	}

	a.m-product-card__name {
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 1rem;
}

	.m-product-card__info {
		margin: 0 !important;
		padding: 15px;
	}

	.m-product-card.m-product-card--style-3.m-product-card--show-second-img.m-scroll-trigger.animate--fade-in-up {
		border: 1px solid #eaeaea;
		border-radius: 15px;
	}

	a.m-product-card__link.m\:block.m\:w-full {
		border-radius: 15px 15px 0px 0px;
		overflow: hidden;
	}

	.m-product-card__media img {
		border-radius: 15px 15px 0px 0px;
	}

	.product-info-brief {
		border-top: none;
		border-color: unset;
		margin-top: 15px;
	}

	.product-info-brief ul {
		justify-content: center;
		flex-direction: column;
		align-items: flex-start;
		flex-wrap: nowrap;
		align-content: flex-start;
		justify-content: center;
		flex-direction: column;
		align-items: flex-start;
		flex-wrap: nowrap;
		align-content: flex-start;
		display: flex;
	}

	.product-info-brief li {
		list-style: none;
		display: flex;
		font-size: 14px;
		margin-top: 5px;
		font-weight: 500 !important;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: center;
	}

	.product-info-brief ul li i {
		margin-right: 20px;
		color: #ffd400;
	}

	.m-product-card__media {
		border-radius: 15px 15px 0 0;
	}


	.m-product-card__info li {
		display: flex;
	}

	.m-product-card.m-product-card--style-3 {
		border: 1px solid #eaeaea;
		border-radius: 15px;
	}

	.leftrightcard {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: space-between;
		align-items: center;
	}

	.leftrightcard span.m-price-item.m-price-item--sale.m-price-item--last {
		font-size: 1rem;
	}
	
	.mwstcard {
		font-size: 0.9rem;
		font-weight: 500;
		color: #9f9f9f;
	}

	/* ---------- Recommendations ---------- */

	.product-recommendations .iconmarkierung {
		width: 16px;
		height: 16px;
	}

	.product-recommendations .m-product-card__action .m-button--icon {
		width: 34px;
		height: 34px;
	}

/* ---------- Main product ---------- */

	.main-product__block .m-product-tax {
		color: #969696 !important;
		font-size: 0.9rem;
	}

	.m-main-product--info.m\:column.m\:w-full.md\:m\:w-1\/2.m-scroll-trigger.animate--fade-in-up {
		width: 600px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}


/* ---------- Status ---------- */

	.stock-status-green {
		color: green;
		font-size: 0.8rem;
		font-weight: 600;
	}

	.stock-status-yellow {
		color: yellow;
		font-size: 0.8rem;
		font-weight: 600;
        display:none;
	}

	.stock-status-red {
		color: red;
		font-size: 0.8rem;
		font-weight: 600;
        display:none;
	}

/* ---------- Cart ---------- */

	/* ---------- Cart Drawer ---------- */

	h1.m-cart-drawer__title.m\:text-xl.md\:m\:text-2xl.m\:font-medium {
		max-width: 90%;
		font-size: 1.5rem;
		padding-left: 10px;
	}

	.m-cart-drawer .m\:flex.m\:flex-col.m\:h-full {
		background: white;
	}

	/* ---------- Cart Buttons ---------- */

	button.m-add-to-cart.m-spinner-button.m-button.m-button--secondary {
		border-radius: 100px;
		font-weight: 600;
		font-size: 0.9rem;
		padding: 15px 15px;
		-webkit-tap-highlight-color: transparent;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: none;
		border: 6px solid #fff0a8;
		background: transparent linear-gradient(259deg,#fff,#ffd400 14% 90%,#ef1e0c 120%) 0% 0% no-repeat padding-box;
		position: relative;
		color: black !important;
		z-index: 2;
	}
	
	button.m-add-to-cart.m-spinner-button.m-button.m-button--secondary:after {
		width: 0%;
		height: 100%;
		top: 0;
		left: 0;
		background: #fff;
		content: "";
		position: absolute;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		border-radius: 60px;
		z-index: -1;
	}
	
	button.m-add-to-cart.m-spinner-button.m-button.m-button--secondary:hover:after {
		width: 100%;
	}

	/* ---------- Cart Items ---------- */
	.m-cart-drawer-item__image.m-cart-item__image {
		border-radius: 20px;
		aspect-ratio: 1;
	}
	
	a.m-cart-item__title {
		font-weight: 600;
	}
	
	span.m-cart-item__price--regular {
		color: #1a73e8 !important;
	}

	/* ---------- Cart Icons ---------- */
	.icon-quote-cart {
		border: none !important;
		padding: 0px !important;
	}
	
	.icon-quote-cart svg path {
		fill: black !important;
	}
	
	.icon-quote-cart svg {
		width: 23px !important;
		height: 23px !important;
	}
	
	.icon-quote-cart .number-quote {
		width: 21px !important;
		height: 21px !important;
		background: #fba203 !important;
		font-size: 13px !important;
		line-height: 21px !important;
		top: -2px !important;
		right: -10px !important;
	}
	
	.product-complementary span.m-add-to-cart--text {
		font-size: 0.9rem;
		font-weight: 600;
	}

	.m-cart-addon__body {
		z-index: 3;
	}
	
	
/* ---------- Search ---------- */

	button.m-search-form__button {
		aspect-ratio: 1;
		height: 40px;
		padding: 5px;
		border-radius: 100px;
		background: #ffd400;
	}

	.m-search-form--full:hover {
		border-color: #ffd400;
	}

	.m-search-form--full {
		border-color: #ffd400;
	}

	m-search-popup.m-header__search.m-search-form--full.m\:flex.m\:items-center {
		z-index: 999;
		opacity: 1 !important;
	}

	.m-search-item--price span {
		font-size: 1rem !important;
		color: #1a73e8 !important;
	}

	.m-search-popup--wrapper.m-gradient.m-color-default.m-show-search .m\:w-2\/12.m\:hidden.md\:m\:flex.m\:justify-end.m\:items-center {
		display: none;
	}
	
/* ---------- Video ---------- */

	.mobilesucessvideo {
		display: none;
	}

	.video-popup {
		display: none;
		position: fixed;
		z-index: 9999999999999999999;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: #000;
		background-color: #0006;
		flex-direction: column;
		align-content: center;
		justify-content: center;
		align-items: center;
		flex-wrap: nowrap;
	}

	.video-popup-content {
		background: transparent linear-gradient(217deg,#fff0a8,#ffd400 14% 72%,#ef1e0c) 0% 0% no-repeat padding-box;
		padding: 20px;
		border: 1px solid #888;
		width: 80%;
		max-width: 1200px;
		position: relative;
		border-radius: 20px;
	}



	.video-popup-content iframe {
		width: 100%;
		height: auto;
		aspect-ratio: 1.8;
		border-radius: 20px;
	}

/* ---------- Menu ---------- */


	.menudiv {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: flex-start;
		align-items: center;
		gap: 20px;
	}

	.menu-button {
		/* background: transparent linear-gradient(259deg,#fff,#ffd400 14% 90%,#ef1e0c 120%) 0% 0% no-repeat padding-box; */
		color: black;
		/* border: 6px solid #fff0a8; */
		padding: 5px 20px;
		cursor: pointer;
		font-size: 16px;
		z-index: 1000;
		border-radius: 100px;
	}

	.close-menu-button {
		background: none;
		border: none;
		font-size: 48px;
		cursor: pointer;
		color: #333;
		position: absolute;
		right: 13px;
		top: 0;
	}


	.m-header__menu {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: space-between;
		align-items: center;
	}

	.m-menu__item--mega .m-sub-menu__item--level-1 {
		width: 50%;
		margin-bottom: 0px;
		margin-bottom: 0px !Important;
	}

	.m-menu__item--mega .m-mega-menu__inner {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	.m-menu__item--active .m-mega-menu.m-show-menu-column-divider {
		border-top-color: white;
		background: linear-gradient(90deg, rgba(255,212,0,1), rgba(255,240,167,1) 100%);
		padding: 0px !important;
	}

	.m-show-menu-column-divider .m-sub-menu__item--level-1 {
		padding: 0 18px;
		border-left: 1px solid white;
	}

	/* ---------- Mega Menu ---------- */

	.m-mega-menu.m-show-menu-column-divider.m-gradient.m-color-default.fixedmenu {
		position: relative;
		opacity: 1;
		visibility: visible;
		pointer-events: all;
		position: relative;
		opacity: 1;
		visibility: visible;
		pointer-events: all;
		background: linear-gradient(90deg, rgba(255,212,0,1), rgba(255,240,167,1) 100%);
		FONT-WEIGHT: bold;
		border-top: 1px solid #efefef;
	}

	.m-mega-menu.m-show-menu-column-divider.m-gradient.m-color-default.fixedmenu .m-sub-menu--level-1 {
		display: flex;
		min-height: 55px;
	}

	.m-mega-menu.m-show-menu-column-divider.m-gradient.m-color-default.fixedmenu a.m-menu__link {
		color: black;
	}

	.m-mega-menu.m-show-menu-column-divider.m-gradient.m-color-default.fixedmenu li.m-sub-menu__item.m-sub-menu__item--level-1 {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: flex-start;
		align-items: center;
	}



/* ---------- Badge ---------- */
	.badge1.badge2 .badge1desc {
		font-weight: 400;
		font-size: 1rem;
	}

	.badge1col2 {
		width: 270px;
		max-width: 100%;
	}

	img.badgeimgline {
		max-width: 80%;
	}

	.badge1 {
		padding: 20px;
		box-shadow: 0px 0px 10px #0000003d;
		border-radius: 17px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: space-between;
		align-items: center;
		height: 130px;
	}

	.badge1.badge2 {
		margin-top: 20px;
	}

	.badge1image {
		min-width: 100px;
		max-width: 200px;
	}

	.badge1titel {
		font-weight: 600;
		font-size: 1.1rem;
		color: black;
		max-width: 110px;
		margin-bottom: 10px;
	}

	.badge1desc {
		font-weight: 600;
		line-height: 1.2em;
		font-size: 0.9rem;
	}

	.badge1image img {
		margin-left: auto;
		max-height: 100px;
		object-fit: contain;
	}


	.badgewidegrey {
		width: 100%;
		background: #eaeaea;
		padding: 10px;
		border-radius: 10px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: flex-start;
		align-items: center;
		margin-top: 10px;
	}

	.Badgeimage img {
		aspect-ratio: 1;
		height: 50px;
		object-fit: contain;
	}

	.Badgeimage {
		width: 15%;
	}

	.badgetext {
		width: 70%;
		text-align: center;
	}

	/* ---------- JDGM Badges ---------- */

	span.jdgm-prev-badge__stars i {
		color: #fdb902;
	}

	.jdgm-prev-badge {
		margin-top: -20px;
	}

/* ---------- Modal ---------- */

	.m-modal .badge1 {
		margin-top: 20px;
	}

	.m-modal--content.m-gradient.m-color-default {
		border-radius: 20px;
	}


/* ---------- Facets ---------- */

	.m-facets .m-link-lists--item:before {
		content: "";
		position: absolute;
		left: 0;
		border: 2px solid #fcda30;
		aspect-ratio: 1;
		width: 20px;
		height: 20px;
		top: 6px;
		border-radius: 4px;
	}

	.m-facets .m-link-lists--item.active .m-link:before {
		content: "\f00c";
		font-family: FontAwesome !important;
		position: absolute;
		left: -26px;
		aspect-ratio: 1;
		width: 20px;
		height: 20px;
		top: -8px;
	}

	.m-facets .m-link-lists--item {
		padding-left: 30px;
		position: relative;
	}

/* ---------- Service Section ---------- */

	.service .m-gradient.m-color-default {
		background: transparent;
	}

	.servicetitle {
		margin-bottom: -330px;
		z-index: 7;
		position: relative;
		background: transparent;
	}

	.servicecard img {
		border-radius: 30px;
	}

	.servicecard .m-image-card__content {
		position: relative;
		padding: 0;
		padding-top: 15px;
		font-size: 1rem;
	}

	.servicecard .m-image-card__img.m\:block.m\:h-full:before {
		padding-top: 100%;
	}

	.servicecard .m-image-card__content.m\:justify-center.m\:items-end.m-scroll-trigger.animate--fade-in-up {
		padding: 0;
		padding-top: 15px;
	}

	.servicecard h3.m-richtext__title.m-image-card__heading.h3 {
		font-size: 1.2rem;
	}

	.servicetitle.container-fluid.m-section-my.m-section-py.m-custom-content__container {
		padding-top: 140px;
	}

	.paddingservice.container-fluid.m-section-my.m-section-py.m-custom-content__container {
		padding-bottom: 120px;
	}

	.serviceseparatorbottom {
		width: 100%;
		height: auto;
		pointer-events: none;
		user-select: none;
		filter: brightness(0) invert(1);
		margin-top: -1.9vw;
		z-index: 1;
		position: relative;
	}

	.serviceseparator {
		width: 100%;
		height: auto;
		pointer-events: none;
		user-select: none;
		filter: brightness(0) invert(1);
		margin-bottom: -3vw;
		z-index: 1;
		position: relative;
	}

	.serviceimage .m-custom-content__block-image {
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
	}


/* ---------- General Text ---------- */


	.text-container {
		position: relative;
	}

	h2.subdescdrawer {
		font-size: 0.9rem;
		font-weight: 400;
		margin-top: 10px;
		padding-left: 10px;
	}
	.text-content {
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.text-container.expanded .text-content {
		-webkit-line-clamp: unset;
	}

	.varianttitle {
		font-weight: 600;
		margin-bottom: -35px;
	}

	span#miete-count, span#miete-count-mobile {
		color: white;
		position: absolute;
		top: -3px;
		right: -10px;
		font-size: 0.8rem;
		padding: 0px;
		background: #f5a623;
		width: 21px;
		height: 21px;
		border-radius: 20px;
		padding-left: 8px;
		padding-top: 1px;
	}

	@keyframes flick {
		0% {
			transform: rotate(0deg);
		}
		25% {
			transform: rotate(15deg);
		}
		50% {
			transform: rotate(-15deg);
		}
		75% {
			transform: rotate(10deg);
		}
		100% {
			transform: rotate(0deg);
		}
	}

	/* .miete-highlight {
		animation: flick 0.5s ease-in-out 5;
	} */

	.e-font-icon-svg.e-far-list-alt {
		width: 20px;
		height: 20px;
		margin-left: 5px;
		margin-top: 5px;
	}

	span.m-price-item.m-price-item--sale.m-price-item--last.m\:text-xl.md\:m\:text-2xl, span.m-price-item.m-price-item--regular.m\:text-xl.md\:m\:text-2xl {
		font-weight: bold;
	}

	span.m-price-item.m-price-item--regular, span.m-price-item.m-price-item--sale.m-price-item--last {
		font-weight: bold;
	}

	.descdesc h4 {
		margin-bottom: -20px !important;
	}

/* ---------- General Variant Flex ---------- */

	.variantflex {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: flex-start;
		align-items: center;
		margin-bottom: 20px;
		margin-top: -14px;
		font-size: 0.9rem;
		color: #969696;
	}

/* ---------- General Cards ---------- */

	.card .collapse.show + .card-header .toggle-icon .icon-closed {
		display: none;
	}

	.card .collapse.show + .card-header .toggle-icon .icon-opened {
		display: inline;
	}

	.card-header {
		border: 0px;
		border-top: 1px solid #d5d5d5;
		border-radius: 0px;
		background: white;
	}

	.card {
		border: 0px;
		background: white;
	}

	.card-header button {
		color: black !important;
		font-weight: 600;
		text-decoration: none !important;
	}

/* ---------- Center Service ---------- */

	.centerservice .m-custom-content__wrapper.m\:flex.m\:flex-wrap {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		align-items: flex-start;
	}

	.centerservice {
		margin-top: -4px;
		margin-bottom: -4vw;
	}

	.centerservice .m-gradient.m-color-default {
		background: transparent;
	}

/* ---------- Collection Card ---------- */

	.m-collection-card__inner img {
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.m-collection-card__inner responsive-image.m-image.m-image-loaded:before {
		padding-top: 100%;
	}
	
	a.m-collection-card__link.m\:block {
		font-size: 0.9rem;
		font-weight: 600;
	}

	.m-collection-page-header__inner.m-section-py.m\:text-inherit.m\:text-left {
		padding: 0;
	}



/* ---------- Vorteile ---------- */

	.vorteiletitle {
		font-size: 1rem;
		font-weight: 600;
		margin-top: 30px;
		margin-bottom: -10px;
	}

	ul.vorteile {
		display: flex;
		list-style: none;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		justify-content: space-between;
	}

	ul.vorteile li:before {
		content: "\f00c";
		font-family: "FontAwesome" !important;
		color: #34a853;
		display: block;
		height: 19px;
		width: 19px;
		font-size: 19px;
		line-height: 19px;
		font-weight: bold;
		position: absolute;
		left: -30px;
		top: 0;
	}

	ul.vorteile li {
		margin-top: 30px;
		width: calc(50% - 30px) !important;
		position: relative;
		line-height: 1.1em;
		margin-left: 30px;
	}

/* ---------- Custom Bullet Points ---------- */


	ul.bulletpoints {
		display: flex;
		list-style: none;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		justify-content: flex-start;
		padding-left: 0;
		margin: 0px;
	}


	ul.bulletpoints li {
		margin-top: 30px;
		width: calc(50% - 8px);
		position: relative;
		line-height: 1.1em;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: flex-start;
		align-items: center;
	}

	ul.bulletpoints.bulletpoints2 {
		display: flex !important;
		flex-direction: column;
		flex-wrap: wrap;
		align-content: flex-start;
		justify-content: flex-start;
	}

	ul.bulletpoints.bulletolways {
		display: flex !important;
		margin-bottom: 40px;
		max-width: 100%;
		width: 700px;
	}

	ul.bulletpoints.bulletpoints2 li {
		width: 100%;
	}

/* ---------- Miscellaneous ---------- */

	span.smallicon {
		width: 20px;
		height: 20px;
		margin-right: 10px;
	}

	span.widthspan {
		min-width: 250px;
	}


	.faq {
		padding-top: 80px;
		padding-bottom: 100px;
		background: url(//d10cca.myshopify.com/cdn/shop/files/wave.png?v=1716902093) no-repeat scroll center center / cover;
	}

	.m-header__top {
		background: white;
	}
	

	
	.iconmarkierung {
		width: 26px;
		height: 26px;
		margin-right: 5px;
		padding: 5px;
	}

	.m-mixed-layout__wrapper.swiper-container.swiper-container-initialized.swiper-container-horizontal.swiper-container-pointer-events .iconmarkierung {
		width: 16px;
		height: 16px;
	}
	
	.m-mixed-layout__wrapper.swiper-container.swiper-container-initialized.swiper-container-horizontal.swiper-container-pointer-events .m-product-card__action .m-button--icon {
		width: 33px;
		height: 33px;
	}

	.m-tooltip__content {
		display: none;
	}

	.descdesc {
		width: 50%;
		margin-bottom: 40px;
	}

	.variantdescflex {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: flex-start;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.variant-sku {
		margin-left: 5px;
	}

	.m-payment-icons--list.m\:flex {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		justify-content: space-evenly;
		align-items: center;
	}
	
	.m-price__sale .m-price-item--last {
		color: #1a73e8 !important;
		line-height: 1em !important;
	}
	span.m-price-item.m-price-item--regular.m\:text-xl.md\:m\:text-2xl {
		color: #1a73e8 !important;
	}
	
	span.Preisaufanfrage {
		color: #1a73e8 !important;
		line-height: 1em;
	}
	
	media-gallery.m-media-gallery.m\:w-full.m\:hidden.md\:m\:block {
		margin-bottom: 30px;
	}
	
	.ltn__shop-details-small-img.slick-arrow-2 {
		margin-bottom: 0px;
	}
	
	
	

/* ---------- Need Support ---------- */

	.need-support {
		background: transparent linear-gradient(259deg,#fff,#ffd400 14% 90%,#ef1e0c 120%) 0% 0% no-repeat padding-box;
		border-radius: 20px;
		padding: 60px 90px 60px 40px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 70px;
	}
	
	.need-support h2 {
		font-size: 1.9rem;
		width: 500px;
		max-width: 100%;
	}

/* ---------- Image Section Seperators ---------- */

	img.section-separator.bottom {
		width: 100vw;
	}

	img.section-separator.top.gray {
		width: 100vw;
	}

	img.section-separator.top.white {
		filter: brightness(0) invert(1);
		margin-bottom: -3vw;
		z-index: 68;
		position: relative;
		width: 100%;
		height: 3vw;
		object-fit: cover;
	}

	img.section-separator.bottom.white {
		filter: brightness(0) invert(1);
		margin-top: -2.9vw;
		z-index: 68;
		position: relative;
		width: 100%;
		height: 3vw;
		object-fit: cover;
	}

/* ---------- Sliders ---------- */

	.brandimageslider img {
		border-radius: 20px;
	}

	.brandimageslider responsive-image.m-image.m\:w-full.m-image-loaded:before {
		padding-top: 280px;
	}

/* ---------- Kartelist ---------- */

	.karteliste ul {
		width: fit-content;
		margin-left: auto;
	}

	.karteliste ul li {
		list-style: none;
		margin-bottom: 32px;
		position: relative;
		text-align: left;
	}

	.karteliste ul li:before {
		content: "\f00c";
		font-family: "FontAwesome";
		background: #ffd400;
		height: 30px;
		width: 30px;
		position: absolute;
		left: -45px;
		top: 0;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 18px;
		line-height: 24px;
		font-weight: bold;
	}

	.karteliste ul li span {
		display: block;
	}

/* ---------- Tags ---------- */

	.tagscard {
		position: absolute;
		z-index: 9;
		right: 0;
		top: -10px;
		gap: 5px;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: flex-end;
		justify-content: flex-start;
		align-items: flex-end;
		font-weight: 600;
	}

	.tagscard.tagsproductpage {
		position: relative;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		justify-content: flex-start;
		align-items: center;
		max-width: 100% !important;
		width: 100% !important;
	}

	.greentag {
		background: #34a853;
		padding: 2px 15px;
		font-size: 0.8rem;
		color: white;
		border-radius: 40px;
	}

	.redtag {
		background: #ef1e0c;
		padding: 2px 15px;
		font-size: 0.8rem;
		color: white;
		border-radius: 40px;
	}

	.blacktag {
		background: black;
		padding: 2px 15px;
		font-size: 0.8rem;
		color: white;
		border-radius: 40px;
	}

	.bluetag {
		background: #4ac4fc;
		padding: 2px 15px;
		font-size: 0.8rem;
		color: white;
		border-radius: 40px;
	}

	.tagcard {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: flex-start;
		align-items: center;
	}

/* ---------- Animation CSS ---------- */
    @-webkit-keyframes stroke {
        30%, 55% {
            opacity: 1;
        }

        100% {
            stroke-dashoffset: 4;
            opacity: 0;
        }
    }

    @keyframes stroke {
        30%, 55% {
            opacity: 1;
        }

        100% {
            stroke-dashoffset: 4;
            opacity: 0;
        }
    }

/* ---------- Responsive CSS ---------- */

/* ---------- Max 1024px ---------- */

    @media (max-width: 1024px) {

        /* ---------- General ---------- */

            .hf-main-services.hf-three-column-layout {
                padding-left: 10px !important;
            }
            .hf-vision-section {
                margin-left: 10px;
                margin-right: 10px;
            }

            .hf-history-section {
                margin-left: 10px;
                margin-right: 10px;
            }


            .m-contact-form__info.m\:flex.m\:flex-wrap.m\:w-full.xl\:m\:w-4\/12 {
                text-align: center;
            }

            .m-richtext__description+.m-richtext__button {
                margin-top: 24px;
                text-align: center;
            }


            .hf__section-success-reasons .img-video-wrapper {
                z-index: 0;
                text-align: right;
                margin-top: -180px !important;
                position: relative;
            }

            .hf__section-success-reasons .content-wrapper {
                position: relative;
                max-width: 500px;
                margin-top: 100px;
                margin-left: 90px;
            }

        /* ---------- Button ---------- */

            .buttonfirst .m-custom-content__block-inner.m\:w-full {
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                align-content: center;
                justify-content: center !important;
            }

        .logo-img-wrapper {
            margin-top: 600px !important;
            margin-right: 300px !important;
        }


        div#m-custom__block--liquid_gbeWjU {
            margin-top: 20px;
        }

        .md\:m\:w-1\/2 {
            width: 100%;
        }

        .text-container {
            position: relative;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: flex-end;
            justify-content: center;
            align-items: center;
        }
    
        .smallslider .m\:column.swiper-slide {
            width: 26vw !important;
        }
    
        .smallslider a.m-collection-card__link.m\:block {
            font-size: 0.8rem;
            margin-top: -8px;
        }
    
        .collectionentry h2.m-richtext__title.h3 {
            text-align: center !important;
        }
    
        .collectionentry .text-container {
            text-align: center !important;
        }
    
        .collectionentry.m-rich-text {
            margin-bottom: 30px !important;
        }
    
        h3.m-accordion--item-button.m-footer--block-title {
            font-size: 1.1rem;
        }
    
        .container-fluid.footerme {
            display: flex;
            flex-direction: column;
            align-content: flex-start;
        }

        /* ---------- Footer ---------- */
    
            .footercont {
                width: 100%;
                margin-top: 20px;
            }
        
            .footercont2 {
                width: 100%;
            }
        
            h3.myfootertitle {
                font-size: 1.1rem;
            }
        
            .footercont3 {
                width: 100%;
            }
        
            .footercont p {
                font-size: 0.9rem;
            }
    }

/* ---------- Max 767px ---------- */

    @media(max-width:767px) {
        .hf-vision-section {
            margin-left: 10px;
            margin-right: 10px;
        }

        .hf-history-section {
            max-width: 100%;
            margin-left: 10px;
            margin-right: 10px;
        }

        .hf-about-container {
            padding-left: 10px !important;
            padding-right: 10px !important;
        }

        .hf-three-column-layout > .hf-service-section {
            flex: 1 1 100%;
            padding: 0px !important;
        }

        h2.team-heading {
            padding: 5px;
        }

        .buttonfirst .m-custom-content__block-inner.m\:w-full {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: center !important;
        }
    }


/* ---------- Max 768px ---------- */

    @media (max-width: 768px) {
        h2, .h2 {
            font-size: 25px;
        }
    
        .centertext .container-fluid.m-section-my.m-section-py {
            padding-bottom: 0px;
        }
    
        .slidertitletext .container.m-section-my.m-section-py {
            padding-bottom: 0px;
        }
    
        .sliderbeloworange .container-fluid.m-section-my.m-section-py {
            padding-top: 50px;
        }
    
        .titleofrezensionen .container-fluid.m-section-my.m-section-py {
            padding-top: 50px;
        }
    
        .hf__section-advantages .m-custom-content__wrapper.m\:flex.m\:flex-wrap {
            display: flex;
            flex-direction: column-reverse;
        }
    
        .videocontainer {
            margin-bottom: 20px;
        }
    
        .videobreaker .m-hero {
            margin-bottom: 2px;
        }

        .md\:m\:w-1\/2 {
            width: 100%;
        }

        .hf__category-item .title {
            font-size: 1.1rem;
        }

        .hfcontent {
            font-size: 1rem;
        }

        .hf__category-item img {
            border-radius: 15px;
        }
        
        .hf__section-advantages .m-richtext__button.content__button {
            text-align: center;
        }
    
        .hf__section-advantages h3.m-richtext__title.h2 {
            text-align: center;
        }
    
        .hf__section-advantages p {
            text-align: center;
        }
    
    
        .mapcontent h3.m-richtext__title.h2 {
            text-align: center;
        }
    
        .karteliste ul {
            width: fit-content;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: center;
            align-items: center;
        }
    
        .mapcontent .container-fluid.m-section-my.m-section-py.m-custom-content__container {
            padding-bottom: 70px;
        }
    
        .mapcontent p {
            text-align: center;
        }
    
        .m-product-recommendations__wrapper .m\:column.swiper-slide {
            padding-top: 12px;
        }
    
        .product-info-brief ul li i {
            margin-right: 5px;
        }
    
        .product-info-brief li {
            font-size: 0.7rem;
            padding-left: 15px;
        }
    
        .mwstcard {
            font-size: .6rem;
        }
    
        .iconmarkierung {
            width: 23px;
            height: 23px;
            margin-right: 2px;
            padding: 5px;
        }
    
        .hf-product-grid-banner.col-lg-8.col-md-12.col-12 {
                 width: calc(50% - 15px) !Important;

        height: calc(50vw - 40px + 110px) !important;
        padding: 10px;
                margin: 0px;
        margin-left: 10px;
        margin-right: 5px;
    }
        

      
        .leftrightcard span.m-price-item.m-price-item--sale.m-price-item--last {
            font-size: 0.9rem;
        }
    
        .m-product-card span.m-price-item.m-price-item--regular {
            font-size: 0.9rem;
        }
    
        s.m-price-item.m-price-item--regular {
            font-size: 0.8rem;
        }
    
        .leftrightcard {
            display: flex;
            flex-direction: column-reverse;
            flex-wrap: nowrap;
            align-content: flex-end;
            justify-content: center;
            align-items: flex-start;
            margin-top: 10px;
        }
    
        .product-info-brief li i {
            margin-left: -15px;
        }
    
        .m-product-card__info {
            padding: 10px;
        }
    
        a.m-product-card__name {
            font-size: 0.9rem;
            line-height: 1.3em;
            margin-bottom: 0px !important;
        }
    
        .product-info-brief {
            margin-top: 0;
        }
    
        m-recently-viewed .swiper-slide {
            padding-top: 20px;
        }
    
        m-recently-viewed .iconmarkierung {
            width: 13px;
            height: 13px;
        }
    
        m-recently-viewed .m-product-card__action .m-button--icon {
            width: 28px;
            height: 28px;
        }
    
        .m-payment-icons--item:nth-last-child(-n+3) {
            display: none;
        }
    
        ul.vorteile li {
            font-size: 0.85rem;
        }
    
        .product-complementary .m\:column {
            width: calc(33% - 5px) !important;
            padding: 0;
        }
    
        .product-complementary .product-grid {
            gap: 5px !important;
        }
    
        .product-complementary a.m-product-card__name {
            font-size: 0.7rem;
        }
    
        .m-tab-content__inner {
            font-size: 0.9rem;
        }
    
        .m-tab-header {
            font-size: 1rem;
        }
    
        .m-collapsible--content__inner {
            font-size: 0.9rem;
        }
    
        .m-modal--content.m-gradient.m-color-default {
            border-radius: 20px;
        }
    
        .m-modal--content.m-gradient.m-color-default .badge1 {
            margin-top: 20px;
        }
    
        .m-collection-page-header__inner.m-section-py {
            padding: 0 !important;
            padding-bottom: 50px !important;
            text-align: center;
        }
    
        .m-breadcrumb--wrapper.m\:flex.m\:items-center.m\:justify-left {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: center;
        }
      
    .custom-text-dropdown__container {
        margin-bottom: 0;
        padding-top: 15px !important;
    }
}

    @media(max-width:768px) and (max-width:1024px) {
        div#shopify-section-template--23013266096472__contact-form {
            text-align: center !important;
        }
    }

/* ---------- Max 1024 px ---------- */
@media (min-width: 1024px) and (max-width:1440px){
    .hf__section-success-reasons .img-video-wrapper {
        z-index: 0;
        text-align: right;
        position: relative;
        margin-top: -120px;
    }
  .hf__section-success-reasons .content-wrapper {
    position: relative;
    max-width: 550px;
    margin-top: 100px;
    margin-left: 60px !important;
}
  .hf__section-success-reasons .img-video-wrapper {
    z-index: 0;
    text-align: right;
    position: relative;
    margin-top: -400px !important;
}
}



/*******Paul********/

.m-richtext__button {
    margin-top: 20px;
}

/*******min 1024px********/

@media (min-width:1024px) { 
 .lg\:m\:w-1\/2 {
        width: 50%;
        align-items: center !important;
}
}


/*******min 1440px********/

  @media (min-width: 1440px){ 
  .custom-text-dropdown__container {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
}


/*******max 1440px********/

@media (max-width: 1440px) {
    .hf-section-circle-points .circle-point-1 {
        top: -60px !important;
        right: -153px !important;
    }
  .hf-section-circle-points .circle-point-3 {
    display: flex;
    flex-direction: column;
    top: 500px;
    left: -138px;
}
  .hf-section-circle-points .circle-point-2 {
    display: flex;
    top: 345px;
    right: -165px;
    flex-direction: column;
    align-items: center;
}
}


/*******max 1024px********/

@media (max-width:1024px){
  .hf-section-circle-points .circle-points-wrapper .circle-inner {
    display: none !important;
}
  .hf-section-circle-points .circle-points-wrapper .circle {
    display: none;
}
    .hf-section-circle-points .circle-point-1 {
        top: -15px !important;
        right: 40px !important;
        display: flex;
        align-items: center;
    }
  .hf-section-circle-points .circle-point-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}
  .hf-section-circle-points .circle-point-icon i {
    font-size: 45px;
    line-height: 85px;
    color: #ffd400;
}
  
    .hf-section-circle-points .circle-point-2 {
        display: flex;
        top: 180px;
        right: 40px;
        flex-direction: row;
        align-items: center;
    }
  .hf-section-circle-points .circle-point .circle-point-content {
    width: 500px;
    max-width: 500px;
}
    .hf-section-circle-points .circle-point-3 {
        display: flex;
        flex-direction: row;
        top: 430px;
        left: 28px;
        gap: 2rem;
      margin-bottom:50px;
    }
  .hf-section-circle-points .circle-points-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
    height: 750px;
}
      .hf__section-success-reasons .img-video-wrapper {
        z-index: 0;
        text-align: right;
        margin-top: -130px !important;
        position: relative;
    }
  .hf__section-success-reasons .img-video-wrapper .percent-100 {
    font-size: 50px;
    line-height: 1;
    color: #ffd400;
    font-weight: 700;
    position: absolute;
    right: -2px;
    top: 0px;
}
    .flexthree {
    text-align: center;
}
  form#contact_form {
    text-align: center;
}
.hf__section-masonry-gallery .hf-testimonials-wrapper {
    display: flex;
    grid-gap: 8px;
    flex-direction: column;
}
  .hf__section-masonry-gallery .hf-testimonial-block .hf__testimonial-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}
  .custom-text-dropdown__container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
  .hf-section-circle-points .circle-point-3 .circle-point-icon {
    align-self: center;
}
  section#m-section-template--23209672278360__rich_text_BHm4L3 {
    padding-top: 30px;
}
    .container-fluid.m-section-my.m-section-py.container {
    text-align: center;
}
    n {
    height: 130px !important;
}
}

/*******max 767px ********/
@media (max-width: 767px) {
    .hf-section-circle-points .circle-points-inner {
        margin-top: 0px;
    }
    .hf__section-bullet-points .m-richtext__description.rte.m\:text-color-subtext.h6 {
    text-align: center;    
} 
  .hf-main-services.hf-three-column-layout {
    margin-bottom: 50px;
}
  h2.m-richtext__title.h2 {
    font-size: 20px;
}
  .m-contact-form .m-row {
    justify-content: center;
    
  }
  .m-section-template--23209672278360__empty_space_zP9Vcb {
    --section-padding-top: 20px !important;
    --section-padding-bottom: 20px !important;
}
  .m-section-template--23209672278360__empty_space_83TrdD {
    --section-padding-top: 20px !important;
    --section-padding-bottom: 20px !important;
}

}

/*******max 767px and screen ********/

@media screen and (max-width: 767px) {
    .hf-section-circle-points .circle-point-1, .hf-section-circle-points .circle-point-2, .hf-section-circle-points .circle-point-3 {
        flex-direction: row;
        gap: 1rem;
        margin-top: 50px;
              align-items: center;
  }
   .m-hero--content-stack {
        overflow: visible;
}
  .\33 column   {
    padding: 0px !important;
 }  
}


  @media (min-width:1024px) and (max-width:1440px){
    section.custom-text-dropdown {
    padding-right: 20px;
    padding-left: 20px;
}
    .m-mixed-layout__inner.m\:grid.md\:m\:grid-5-cols.xl\:m\:grid-10-cols.swiper-wrapper .m\:column.swiper-slide {
        width: 14vw !important;
    }
      .hf-about-container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
}

@media (min-width:1024px){ 
h2.myubersicht {
    margin-top: 0px !important;
}
  section#m-section-template--23209672278360__rich_text_BHm4L3 {
    padding-top: 50px;
}
  .m-product-card__info {
    height: 115px;
}
}


@media(min-width:768px) and (max-width:1440px){
  .m-contact-form .m-row {
    display: flex;
    justify-content: center;
}
}
@media(min-width:768px) and (max-width:1025px){
  .m-contact-form__info.m\:flex.m\:flex-wrap.m\:w-full.xl\:m\:w-4\/12 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}
}

@media (max-width:1440px){
  form#contact_form {
    text-align: center;
}
  .m-info-box.m\:column.m\:w-full.md\:m\:w-1\/2.lg\:m\:w-3\/12.xl\:m\:w-full {
    text-align: center;
}
  .hf-ethical-principles-container {
    
    padding-left: 15px !important;
    padding-right:15px !important;
}
}

@media screen and (max-width: 1024px) {
    .hf-about-container {
        padding-left: 5px !important;
        padding-right: 5px !important;
}
}



@media (min-width:768px) and (max-width:1440px){
  .hf-ethical-principles-container {
    padding-right: 15px !important;
    padding-left: 15px !important;
}
}

  @media(max-width:768px){
    .hf__section-masonry-gallery .hf-testimonial-block {
    border: 1px solid #b2b2b2;
    border-radius: 20px;
    padding: 20px 60px 20px 30px;
    width: 100%;
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
    .m-toolbar--left.m\:flex.xl\:m\:hidden {
    width: 100%;
}
  }

  @media(max-width:1024px) and (min-width:768px){
    .hf__section-masonry-gallery .hf-testimonial-block {
    border: 1px solid #b2b2b2;
    border-radius: 20px;
    padding: 20px 60px 20px 30px;
    width: 100%;
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
  }

  @media(min-width:1440px){
    .hf__section-masonry-gallery .hf-testimonial-block {
    border: 1px solid #b2b2b2;
    border-radius: 20px;
    padding: 20px 60px 20px 30px;
    width: 100%;
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
  }

  @media(max-width:767px){
    div#shopify-section-template--23016263680344__rich_text_zQXg3w .m-richtext.m\:text-left {
    text-align: center;
}
  }

  @media(min-width:768px) and (max-width:1440px){
    a.m-menu__link.m-menu__link--main {
    padding: 25px !important;
 }

}

@media screen and (min-width: 1024px) {
    m-search-popup.m-header__search.m-search-form--full.m\:flex.m\:items-center {
       
        display: flex;
        flex-direction: row;
        justify-content: space-between !important;
    }
}

@media (max-width:1440px){
  div#shopify-section-template--23013266096472__two_column_KEgTXr .general-section-container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
}

  @media screen and (min-width:1440px){
    div#shopify-section-template--23013266096472__two_column_KEgTXr .general-section-content {
    margin-left: 50px;
    margin-right: 50px;
}
    .hf-cta-section-container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
  }

  @media (min-width: 1024px){
    .hf__section-masonry-gallery .hf-testimonial-block .hf__testimonial-footer {
    
    margin-right: -30px;
}
  }

  @media (max-width:768px) { 
    div#complementary-products-container .m-product-card__info {
       height: 100px !important;
    }
  }

  @media screen and (max-width: 480px) {
      div#complementary-products-container .m-product-card__info {
          height: auto;
      }
  }


/*******Paul Ende********/




/* ---------- Screen ---------- */

    @media screen and (max-width: 767px) {
        .hf__section-success-reasons ul {
            padding-left: 0px !important;
            padding-left: 40px;
        }

        .hf__section-success-reasons .content-wrapper {
            position: relative;
            max-width: 550px;
            margin-top: 30px;
            margin-left: 60px;
            position: relative;
            max-width: 550px;
            margin-top: 30px;
        }

        .hf__section-bullet-points ul {
            display: block;
        }

        .hf__section-bullet-points ul li .bullet-title {
            font-size: 20px;
        }

        .hf__section-bullet-points ul li .bullet-content {
            font-size: 16px;
        }

        .hf__section-bullet-points .btn-wrapper .btn {
            max-width: 90vw;
            white-space: break-spaces;
        }

        .hf__section-bullet-points strong {
            font-size: 20px;
            line-height: 1em;
            font-weight: 600;
        }

        .hf__section-bullet-points ul li:before {
            font-size: 24px;
            width: 40px;
            height: 40px;
            top: 0;
            left: -60px;
        }

        .hf__section-bullet-points ul li {
            margin-left: 60px;
            line-height: 20px;
        }

        .hf__section-masonry-gallery .hf-testimonials-wrapper {
            grid-template-columns: 1fr;
        }

        .hf__section-masonry-gallery .hf-testimonial-block {
            padding: 20px 30px;
        }

        .hf__section-masonry-gallery .hf-testimonial-block .hf__testimonial-footer .hf__testimonial-date {
            margin-right: 0;
        }

        .hf__section-masonry-gallery .hf-testimonial-block .hf__testimonial-header {
            margin-right: 0;
        }

        .m-mixed-layout--mobile-grid .m-mixed-layout__inner .m\:column {
            padding-top: 20px;
        }

        .m-product-card__action.m-product-card__addons.m\:flex {
            display: none;
        }

        .m-mixed-layout__inner.m\:grid.m-cols-4.m\:grid-2-cols.md\:m\:grid-2-cols.lg\:m\:grid-3-cols.xl\:m\:grid-4-cols.swiper-wrapper .swiper-slide.m\:column {
            padding-top: 20px;
        }

        .tagcard {
            max-width: 200px;
            line-height: 1em;
            font-size: 0.6rem;
        }

        .hf__section-button-bulletpoint-row .container {
            flex-direction: column;
        }

        .hf__section-button-bulletpoint-row .container .button-row {
            order: 1;
            flex-direction: column;
            align-self: center;
            width: 100%;
        }

        .hf__section-button-bulletpoint-row .container .button-row .btn {
            width: 100%;
        }

        .hf__section-button-bulletpoint-row ul {
            order: 0;
            margin-left: 0;
            flex-direction: column;
            gap: 12px;
            margin-bottom: 60px;
            width: 100%;
        }

        .hf__section-button-bulletpoint-row ul li {
            margin-left: 56px;
        }

        .hf__section-success-reasons ul li .bullet-title {
            font-size: 20px;
            line-height: 24px;
            font-weight: 600;
        }

        .hf__section-success-reasons ul li .bullet-content {
            font-size: 16px;
            line-height: 20px;
        }

        .hf__section-success-reasons .logo-img-wrapper {
            display: none;
        }

        .hf__section-success-reasons .img-video-wrapper {
            margin-top: 80px;
            display: none;
        }

        .hf__section-success-reasons .img-video-wrapper img {
            height: auto;
        }

        .hf__section-success-reasons .img-video-wrapper .play-button {
            right: 35px;
            bottom: 35px;
        }

        .hf__section-success-reasons ul li:before {
            border: 6px solid #fff0a8;
            height: 40px;
            width: 40px;
            left: -50px;
            top: -8px;
            font-size: 24px;
            line-height: 18px;
            font-weight: bold;
        }

        .hf__section-success-reasons .button-row {
            flex-direction: column;
            align-items: center;
            gap: 1rem;
        }

        .hf__section-success-reasons .button-row .btn-wrapper, .hf__section-success-reasons .button-row .btn-wrapper .btn {
            width: 100%;
        }

        .hf__section-success-reasons .button-row .btn-wrapper:not(:first-child) {
            margin-top: 0;
        }


        .hf__section-success-reasons .btn-wrapper {
            text-align: center;
        }

        .mobilesucessvideo {
            display: flex !important;
            background: transparent linear-gradient(217deg,#fff0a8,#ffd400 14% 72%,#ef1e0c) 0% 0% no-repeat padding-box;
            border-radius: 20px;
            padding: 20px;
        }

        .hf__section-success-reasons.logo-img-wrapper {
            display: none;
        }

        .hf__section-success-reasons {
            margin-bottom: 0px;
        }

        .hf-section-circle-points .section-separator.top {
            margin-bottom: -15px;
        }

        .hf-section-circle-points .circle-points-wrapper {
            width: 100%;
            height: auto;
            margin-bottom: 0;
        }

        .hf-section-circle-points .circle-points-wrapper .circle {
            display: none;
        }

        .hf-section-circle-points .circle-point {
            position: static;
        }

        .hf-section-circle-points .circle-point-icon {
            height: 70px;
            flex: 1 0 70px;
        }

        .hf-section-circle-points .circle-point-icon i {
            font-size: 30px;
            line-height: 40px;
            color: #ffd400;
        }

        .hf-section-circle-points .circle-point-1, .hf-section-circle-points .circle-point-2, .hf-section-circle-points .circle-point-3 {
            flex-direction: row;
            gap: 1rem;
        }

        .hf-section-circle-points .circle-point-3 .circle-point-icon {
            align-self: unset;
        }

        .circle-point-content h3 {
            font-size: 1.1rem;
        }
    }


@media (min-width: 768px) and (max-width: 1024px) {
    .m-collection-products.m-cols-2 .m-product-item {
        width: 33% !important;
        max-width: 33% !important;
    }

    .m-mixed-layout__inner.m\:grid.md\:m\:grid-5-cols.xl\:m\:grid-10-cols.swiper-wrapper .m\:column.swiper-slide {
        width: 18vw !important;
    }

    .m-breadcrumb--wrapper.m\:flex.m\:items-center.m\:justify-left {
        text-align: center;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
    }
}





@media(min-width: 1024px) {

    .m-collection-products.m-cols-2 .m-product-item {
        width: 33% !important;
        max-width: 33% !important;
    }

    .centerservice .servicecard {
        width: 20%;
    }

	.text-container {
		position: relative;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: flex-end;
		justify-content: center;
		align-items: flex-end;
	}

	.m-product-quickview--media.m\:column.m\:w-full.md\:m\:w-1\/2 {
		min-height: 700px;
	}

	.hf__category-item:hover {
		box-shadow: 0px 0px 20px #00000036;
		border-radius: 27px;
		padding: 10px;
	}

	.paddingservice .m-custom-content__wrapper {
		padding-left: 40%;
	}

	.karteintro .m-custom-content__block-inner.m\:w-full {
		max-width: 60%;
		margin-left: auto;
		margin-bottom: -110px;
	}

	.karteliste ul {
		margin-bottom: 150px !important;
	}

	.karteimage {
		margin-top: -100px;
	}
}

@media screen and (max-width: 1024px) {
	.servicetitle {
		margin-bottom: 0px;
		padding-bottom: 50px;
	}

	.servicecard .m-image-card.m-hover-box.m-hover-box--scale-up.m\:w-full.m-image-card--content-stack {
		background: transparent;
	}

	.paddingservice .m-mixed-layout.m-mixed-layout--mobile-scroll {
		padding-top: 60px;
	}

	.paddingservice .m-custom-content__block-html {
		width: 45vw;
		max-width: 45vw;
	}

	.paddingservice .container-fluid.m-section-my.m-section-py.m-custom-content__container {
		padding-bottom: 40px;
	}

	.paddingservice .m-parallax *:is(img, svg) {
		object-position: 40%;
	}

	.servicecard h3.m-richtext__title.m-image-card__heading.h3 {
		font-size: 1rem;
		margin-top: -10px;
	}

	.servicetitle .container-fluid.m-section-my.m-section-py.m-custom-content__container {
		padding-top: 40px;
	}

	.servicetitle h3.m-richtext__title.h2 {
		text-align: center;
	}

	.servicetitle p {
		text-align: center;
	}

	.servicetitle .m-richtext__button.content__button {
		text-align: center;
	}

	.paddingservice.container-fluid.m-section-my.m-section-py.m-custom-content__container {
		padding-bottom: 50px;
	}
}

@media(max-width:768px) {
	.need-support.text-center.mt-50 {
		display: flex;
		flex-direction: column;
		align-content: center;
		justify-content: center;
		align-items: center;
		gap: 17px;
		padding: 20px;
		text-align: center;
		font-size: 23px;
		margin-bottom: 70px;
	}

	.need-support h2 {
		font-size: 24px;
		width: 500px;
		max-width: 100%;
	}
}

@media(min-width:768px) {
	.need-support.text-center.mt-50 {
		text-align: left !important;
	}
}

@media screen and (min-width: 1024px) {
	m-search-popup.m-header__search.m-search-form--full.m\:flex.m\:items-center {
		float: left;
		margin-right: auto;
		width: 500px;
		max-width: 100%;
		border-radius: 100px;
	}

	span.Preisaufanfrage {
		font-size: 2rem;
	}

	span.m-price-item.m-price-item--regular.m\:text-xl.md\:m\:text-2xl {
		font-size: 2rem;
	}

	.m-price__sale .m-price-item--last {
		font-size: 2rem;
	}

	.hf__section-button-bulletpoint-row {
		margin-left: auto;
		float: right;
	}

	.rightbullets .m-custom-content__block-inner.m\:w-full {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: flex-end;
		justify-content: center;
		align-items: flex-start;
	}

	.m-custom-content__block-inner.m\:w-full {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		justify-content: flex-end;
		align-items: center;
		gap: 10px;
		row-gap: 10px;
		column-gap: 10px;
	}
}

      
@media (max-width: 767px) {
	span.m-price-item.m-price-item--regular.m\:text-xl.md\:m\:text-2xl {
		color: #1a73e8 !important;
		line-height: 1em;
	}

	.hf-product-grid-banner .ltn__product-item a {
		padding: 0px;
	}

	.twobuttons {
		margin-top: -20px;
		margin-bottom: 31px;
	}

	.collectionentry h2.m-richtext__title.h3.m-scroll-trigger.animate--fade-in-up {
		text-align: center;
	}

	.collectionentry p {
		text-align: center;
	}

	.hf__section-button-bulletpoint-row ul {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: center;
	}

	.lange-collection .m-breadcrumb--wrapper.m\:flex.m\:items-center.m\:justify-left {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
	}
}
span.m-cart-item__remove.m-button--link:before {
    display: none;
}
span.m-cart-item__remove.m-button--link:after {
    display: none;
}
button.m-newsletter-form__button.m-newsletter-form__button--icon.m-button.m-button--primary {
    width: 15%;
    height: 43px;
    margin-top: 1px;
}
.complementary-products button.m-add-to-cart.m-spinner-button.m\:w-full.m-button.m-button--white {
    padding: 10px;
    text-align: center;
}
.product-complementary button.m-tooltip.m-button--icon.m-wishlist-button.m-tooltip--left.m-tooltip--style-1 {
  display: none;
}
.noabsolute {
    position: relative !important;
    transform: none !important;
    margin: 0px !important;
    height: 100% !important;
  margin-top: 10px !important;
}
div#complementary-products-container .m-product-card__info {
        /* height: 170px; */
    }
    .noabsolute button.m-add-to-cart.m-spinner-button.m\:w-full.m-button.m-button--white {
    border: 2px solid #FFF1AE;
    background: #FFF1AE;
          font-size: 0.8rem !important;
}
button.m-product-form.m\:w-full.m-product-quickview-button.m-spinner-button.m-button.m-button--white {
          padding-left: 0px;
        padding-right: 0px;
    border: 2px solid #FFF1AE;
    background: #FFF1AE;
      font-size: 0.8rem !important;
}
.product-complementary span.m-price-item.m-price-item--regular.m\:text-xl.md\:m\:text-2xl.anfragetext {
    margin-top: -21px;
    LINE-HEIGHT: 0.9em;
}
.m-featured-collection-section a.m-button.m-button--link {
    text-decoration: none !important;
}

.m-cart__items .m-quantity__input {
    margin-bottom: 0px;
}
a.m-cart-drawer__link-to-cart.m-button.m-button--link.mt-4 {
    text-decoration: none;
}
.m-product-wishlist.m\:hidden.md\:m\:block {
    display: none;
}
button.m-tooltip.m-button--icon.m-wishlist-button.m-tooltip--top.m-product-media--mobile__atwl-button.m-tooltip--style-1 {
    display: none;
}

button.m-sidebar--open.m\:flex.m\:items-center.m-button.m-button--primary {
    background: transparent linear-gradient(259deg, #fff, #ffd400 14% 90%, #ef1e0c 120%) 0% 0% no-repeat padding-box;
    min-width: 100%;
    display: flex
;
    text-align: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    font-weight: 800;
    border-radius: 100px;
    border: 6px solid #fff0a8;
    color: black;
    max-width: unset;
    width: 100%;
    margin: 0px;
}
.hf-product-grid-banner {
  background-position: center;
}
@media(max-width: 768px){
  .\35 0miet {
    width: 100% !important;
}
  .50miet {
    width: 100%!important;
}
}

@media only screen and (max-width: 768px) {
  .footercont2 .secondtitle, /* Überschrift Social Media */
  .footercont2 .m-newsletter-form, /* Newsletter */
  .footercont3 { /* Zahlungsmöglichkeiten und Versandpartner */
    /* display: none; */
  }
}

.hf__testimonial-avatar img {
  width: 30px; /* oder gewünschte Breite */
  height: 30px; /* oder gewünschte Höhe */
  border-radius: 50%; /* Macht das Bild rund */
  object-fit: cover; /* Stellt sicher, dass das Bild innerhalb des Containers bleibt */
  display: block; /* Entfernt unnötige Inline-Darstellung */
}


