font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: normal;
    src: local('Dosis'), url('../fonts/dosis/Dosis-Regular.woff') format('woff');
}


@font-face {
    font-family: 'Dosis ExtraLight';
    font-style: normal;
    font-weight: normal;
    src: local('Dosis ExtraLight'), url('../fonts/dosis/Dosis-ExtraLight.woff') format('woff');
    ;
    font-display: swap;
}

@font-face {
    font-family: 'Dosis Light';
    font-style: normal;
    font-weight: normal;
    src: local('Dosis Light'), url('../fonts/dosis/Dosis-Light.woff') format('woff');
    ;
    font-display: swap;
}


@font-face {
    font-family: 'Dosis Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Dosis Medium'), url('../fonts/dosis/Dosis-Medium.woff') format('woff');
    ;
    font-display: swap;
}


@font-face {
    font-family: 'Dosis SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Dosis SemiBold'), url('../fonts/dosis/Dosis-SemiBold.woff') format('woff');
    ;
    font-display: swap;
}


@font-face {
    font-family: 'Dosis Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Dosis Bold'), url('../fonts/dosis/Dosis-Bold.woff') format('woff');
    ;
    font-display: swap;
}


@font-face {
    font-family: 'Dosis ExtraBold';
    font-style: normal;
    font-weight: normal;
    src: local('Dosis ExtraBold'), url('../fonts/dosis/Dosis-ExtraBold.woff') format('woff');
    ;
    font-display: swap;
}

@font-face {
    font-family: 'Lato Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Lato Regular'), url('../fonts/lato/Lato-Regular.woff') format('woff');
    ;
    font-display: swap;
}


@font-face {
    font-family: 'Lato Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Lato Italic'), url('../fonts/lato/Lato-Italic.woff') format('woff');
    ;
    font-display: swap;
}


@font-face {
    font-family: 'Lato Hairline';
    font-style: normal;
    font-weight: normal;
    src: local('Lato Hairline'), url('../fonts/lato/Lato-Hairline.woff') format('woff');
    ;
    font-display: swap;
}


@font-face {
    font-family: 'Lato Hairline Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Lato Hairline Italic'), url('../fonts/lato/Lato-HairlineItalic.woff') format('woff');
    ;
    font-display: swap;
}


@font-face {
    font-family: 'Lato Light';
    font-style: normal;
    font-weight: normal;
    src: local('Lato Light'), url('../fonts/lato/Lato-Light.woff') format('woff');
    ;
    font-display: swap;
}


@font-face {
    font-family: 'Lato Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Lato Light Italic'), url('../fonts/lato/Lato-LightItalic.woff') format('woff');
    ;
    font-display: swap;
}


@font-face {
    font-family: 'Lato Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Lato Bold'), url('../fonts/lato/Lato-Bold.woff') format('woff');
    ;
    font-display: swap;
}


@font-face {
    font-family: 'Lato Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Lato Bold Italic'), url('../fonts/lato/Lato-BoldItalic.woff') format('woff');
    ;
    font-display: swap;
}


@font-face {
    font-family: 'Lato Black';
    font-style: normal;
    font-weight: normal;
    src: local('Lato Black'), url('../fonts/lato/Lato-Black.woff') format('woff');
    ;
    font-display: swap;
}


@font-face {
    font-family: 'Lato Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Lato Black Italic'), url('../fonts/lato/Lato-BlackItalic.woff') format('woff');
    ;
    font-display: swap;
}

@font-face {
    font-family: 'Lato Black';
    font-style: normal;
    font-weight: normal;
    src: local('Lato Black'), url('../fonts/lato/Lato-Black.woff') format('woff');
    ;
    font-display: swap;
}


@font-face {
    font-family: 'Open Sans Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans Regular'), url('../fonts/opensans/OpenSans-Regular-webfont.woff') format('woff');
    ;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans Bold'), url('../fonts/opensans/OpenSans-Bold-webfont.woff') format('woff');
    ;
    font-display: swap;
}

/*.quantityBlock {
    display: none !important;
}*/
.category-description {
    max-width: 100%!important;
    width: 100%!important;
}

.js_thumbs_slides .js_thumbs_slide {
    width: 100px !important;
}

#product-info-colorswatch {
    float: left;
    width: 100%;
    margin: 0 0 25px;
}

.size_detail_page {
    float: left;
    width: 100%;
}

.js_thumbs_slides .js_thumbs_slide button {
    padding-top: 100px !important;
    display: block !important;
    height: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 1 !important;
    width: 100px !important;
}

.js_thumbs_slides .js_thumbs_slide button img {
    position: absolute !important;
    bottom: 0 !important;
    display: block !important;
    left: 0 !important;
    margin: auto !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    object-fit: contain !important;
    max-width: 100px !important;
/*    height: 80px !important;*/
}

body {
    /*
    bootstrap.css verkleiner díe default font-size.
    Der Einfachheit halber setzen wird das hier zurück!
    */
    font-family: 'Open Sans Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/*17-March-2025*/
.party-time-container {
    text-align: center;
    padding: 38px;
    background-color: #f8f8f8;
    border-radius: 10px;
    margin: 20px auto;
    max-width: 800px;
    max-height: 700px;
    /* Maximale Höhe */
    overflow-y: auto;
    /* Falls der Inhalt zu groß wird, Scrollbalken anzeigen */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
 }
 .party-time-container h2 {
    color: #333;
    font-size: 2rem;
    margin-bottom: 20px;
 }
 .party-time-container p {
    color: #555;
    font-size: 1.2rem;
    line-height: 1.5;
    margin: 10px 0;
 }
 .steps {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    margin: 30px 0;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
 }
 .steps h3 {
    color: #c8005d;
    font-size: 1.5rem;
    margin-bottom: 15px;
 }
 .steps ol {
    list-style: decimal inside;
    padding: 0;
    font-size: 1.1rem;
    color: #444;
    text-align: left;
    margin: 0 auto;
    max-width: 600px;
 }
 .steps li {
    margin-bottom: 10px;
 }
 .info {
    color: #333;
    font-size: 1.1rem;
    margin-top: 20px;
 }
 .highlight {
    color: #c8005d;
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 10px;
 }
/*17-March End*/
/*04-Sep-2024*/
::selection {
    background: #ccc2bd !important;
    color: #fff;
}

.ring-primary\/50 {
    --tw-ring-color: #646464 !important;
}

.outline-blue-300 {
    outline-color: #636363 !important;
}

[multiple]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
select:focus,
textarea:focus {
    box-shadow: unset !important;
    outline: unset !important;
    border-color: #6b7280 !important;
}

.text-blue-400 {
    --tw-text-opacity: 1;
    color: #636363 !important;
}

.mhcard-label-block.-price.-active,
.mhcard-label-block.-price:hover {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: #000 !important;
    --tw-bg-opacity: 1;
    background-color: #000 !important;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
}

.ring-blue-500\/50 {
    --tw-ring-color: #636363;
    border-radius: 1px !important;
}

form.item .product-info .color-custom-swatch-container .colorCodeSize .mh-list-color-swatch {
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.catalogsearch-result-index div#add-to-cart {
    display: none;
}

[type=checkbox]:checked,
[type=checkbox]:checked:hover {
    color: #333 !important;
}

.filter-content .mhshopby-link-selected {
    font-weight: 700;
}

.filter-content .mhshopby-link-selected,
.filter-content .mhshopby-link-selected:hover {
    color: #333 !important;
}

.ninjamenus.ninjamenus-desktop.ninjamenus-vertical .nav-item.level0:hover>a,
.ninjamenus.ninjamenus-desktop.ninjamenus-horizontal .nav-item.level0:hover>a {
    background-color: #ccc2bd !important;
    color: #fff !important;
}

.nav-item>a:hover {
    color: #ccc2bd !important;
}

.ninjamenus.ninjamenus-desktop.ninjamenus-vertical .nav-item.level0.active>a,
.ninjamenus.ninjamenus-desktop.ninjamenus-horizontal .nav-item.level0.active>a {
    background-color: #ccc2bd !important;
}

.page-header .header_inspeya_mobile .container {
    position: relative !important;
}

.page-header .header_inspeya_mobile .magezon-builder,
.ninjamenus.ninjamenus-desktop.ninjamenus-horizontal>.magezon-builder>.nav-item {
    position: static !important;
}

.ninjamenus.ninjamenus-desktop.ninjamenus-horizontal>.magezon-builder>.nav-item {
    position: static !important;
}

.navigation>.ninjamenus.ninjamenus-desktop {
    position: static !important;
}

.ninjamenus.ninjamenus-desktop .left_edge_parent_item>.item-submenu {
    width: 100% !important;
}

.ninjamenus.ninjamenus-desktop .left_edge_menu_bar>.item-submenu a:hover {
    color: #ccc2bd !important;
}

.ninjamenus.ninjamenus-desktop .left_edge_menu_bar>.item-submenu .nav-item.active>a:hover {
    color: #fff !important;
}

.filter-content .items .item .filter-row.category-filter-row a {
    width: 100%;
    align-items: inherit !important;
    justify-content: flex-start;
}

.filter-content .items .item .filter-row a:hover {
    color: #333 !important;
}

/*04-Sep-2024 End*/
.catalog-product-view .price-container:has(.old-price) .final-price span.price {
    color: red;
}

.wishlists_mh_icon svg[fill="currentColor"] {
    fill: #ccc2bd;
    stroke: #ccc2bd;
}

.wishlists_mh_icon svg[fill="none"] {
    stroke: #ccc2bd;
}

.price-box.price-final_price:has(span.old-price) span.normal-price span.price {
    color: red;
}

button.towishlist.hover\:text-red-600 {
    display: none;
}

footer.page-footer {
    z-index: 0;
    position: relative;
}

.mh_brandpages {
    max-width: 49%;
    margin: 0 0 0 auto;
}

/*header.page-header {
    z-index: 0;
    position: relative;
}*/

/*Layer Navigation*/
.filter-option .filter-options-content form.mh-filter [class*="mh-filter-items"]::-webkit-scrollbar {
    width: 5px;
}

.size_detail_page {
    /*    float: left;*/
    width: 100%;
}

.mgz-element.nav-item.mega.left_edge_menu_bar.level0.active>a {
    color: #ffffff !important;
}

.nav-item.active>a {
    color: #ffffff !important;
    background: #ccc2bd !important;
}

.ninjamenus .links li>a:hover {
    background: #333;
}

.filter-options-content {

    overflow: auto;
}

.filter-option::-webkit-scrollbar {
    width: 5px;
}

.filter-option::-webkit-scrollbar-thumb {
    background: #cccccc;
    border-radius: 10px;
}


.filter-option {
    max-height: 400px;
    overflow: hidden;
    position: relative;
    padding-top: 0;
    padding-right: 10px;
}

.filter-content .swatch-attribute .swatch-attribute-options .swatch-option {
    padding: 2px 0;
}

.filter-option .filter-options-content {
    position: relative;
    overflow: unset;
}

.filter-option .filter-options-content form.mh-filter [class*="mh-filter-items"] input[type="checkbox"] {
    box-shadow: unset;
}

.filter-option .filter-options-content form.mh-filter [class*="mh-filter-items"] {
    max-height: 240px;
    overflow: auto;
    margin-right: -10px;
    padding-right: 10px;
}

.filter-option .filter-options-title {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 9;
    padding: 15px 0;
}

.filter-option .filter-options-content .mhshopby-search-box {
    position: sticky;
    top: 0;
}

aside.sidebar.sidebar-main .filter-current {
    padding: 22px 10px;
}

.bg-transparent {
    background-color: transparent !important;
}

/*End Layer Navigation*/
div#mhinspeya-shopby-product-list {
    position: relative;
}

.ajax-loader-layer {
    background: #ffffffb5;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 100%;
    right: 0;
    left: 50%;
    height: 100%;
    top: 50%;
    position: fixed;
}

.discount_coupon {
    width: 100%;
    max-width: 100%;
    float: left;
}

.am_shopby_apply_filters {
    display: none;
}

a.towishlist.hover\:text-red-600 {
    display: none;
}

.bottom-category.toolbar+.products.wrapper+script+.toolbar-products {
    grid-template-columns: repeat(8, minmax(0, 1fr));
}

.bottom-category.toolbar+.products.wrapper+script+.toolbar-products .pagenationBlock {
    grid-column: span 4 / span 4;
}

.category-view nav.breadcrumbs .container {
    padding: 0 !important;
}

.category-view-container {

    padding: 0 15px;
}

.old-price:after {
    position: absolute;
    width: 100%;
    height: 1px;
    content: '';
    background: red;
    top: 50%;
}

.swatch-tooltip .subtitle {
    margin: 0;
}

.old-price {
    position: relative;
}

.catalog-category-view div#add-to-cart {
    display: none;
}

.swatch-attribute .swatch-attribute-options .swatch-option {
    display: flex;
    justify-content: center;
    border-width: 1px;
    height: 46px;
    align-items: center;
    line-height: normal;
    font-size: 14px;
}

.magezon-builder .mgz-container {
    max-width: 1680px !important;
    width: 100% !important;
}

.price-box.price-final_price {
    display: flex;
    gap: 5px;
    align-items: center;
}

.mgz-block-content .mgz-element-categories-list ul li {
    border-bottom: 0px;
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 0px;
}

.category_top_cms_hyva .inner-content.mgz-container {
    width: 100% !important;
}

.category_top_cms_hyva .inner-content.mgz-container .inner-content.mgz-container .left-side-category-desc .mgz-element-inner.invltss-s p {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 300;
    line-height: 37px;
    letter-spacing: 0.25px;
}

.category_top_cms_hyva .inner-content.mgz-container .inner-content.mgz-container .left-side-category-desc h3.mgz-element-heading-text {
    color: #000;
    font-size: 56px;
    font-style: normal;
    font-weight: 500;
    line-height: 72px;
    text-transform: uppercase;
    position: relative;
    padding: 19px 0 0;
}

.category_top_cms_hyva .inner-content.mgz-container {
    display: flex;
    align-items: center;
}

.category_top_cms_hyva .inner-content.mgz-container::before {
    display: none;
}

.category_top_cms_hyva .inner-content.mgz-container::after {
    display: none;
}

.left-side-category-desc {
    max-width: 752px;
    width: 100%;
    padding-right: 30px;
    padding-left: 100px;
    padding: 78px 30px 78px 100px;
}

.category_top_cms_hyva .inner-content.mgz-container .inner-content.mgz-container .left-side-category-desc h3.mgz-element-heading-text:after {
    content: "";
    max-width: 572px;
    width: 100%;
    height: 2px;
    background: #000;
    top: 0;
    position: absolute;
    right: -20px;
}

body.catalog-category-view .category-view.container>.magezon-builder {
    width: 100%;
}

.category_top_cms_hyva .mgz-parallax-inner {
    background-size: 746px;
}

.category_top_cms_hyva>.mgz-element-inner .mgz-parallax-inner:after {
    content: "";
    width: 71%;
    height: 100%;
    background: red;
    position: absolute;
    background: linear-gradient(90deg, #F6F8FC 0%, #F6F8FC 44.79%, #F5F7FA 74.48%, rgba(243, 239, 238, 0.00) 100%);
}

.category_top_cms_hyva .mgz-element-inner .mgz-element-inner.etiqcvy-s p {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 300;
    line-height: 37px;
    letter-spacing: 0.25px;
}

.category_top_cms_hyva .mgz-element-button a.mgz-link.mgz-btn {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background: transparent;
    border: 2px solid #000;
    padding: 13px 45px;
    border-radius: inherit;
    transition: all 0.3s ease-in-out;
}

.category_top_cms_hyva .mgz-element-button a.mgz-link.mgz-btn:hover {
    background-color: #000;
    color: #fff;
}

.left-side-category-desc>.mgz-element-inner .mgz-element-text>.mgz-element-inner {
    margin: 0;
    margin-bottom: 24px;
}

form.item .product-info .product-item-brand {
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    text-align: start;
    color: #000;
    min-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    /*    display: -webkit-box;*/
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

form.item .product-info a.product-item-link {
    display: block;
    text-align: start;
    color: #000;
    font-weight: 300;
    line-height: 22px;
    min-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

form.item a.product img {
    height: 280px;
}

form.item .product-info .price-box span.normal-price span.price {
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

form.item .product-info .color-custom-swatch-container {
    margin-top: 16px;
}

form.item .product-info .color-custom-swatch-container .colorCodeSize>div {
    border-radius: 0;
    height: 20px;
    min-width: 20px;
    border: none;
    margin-right: 8px;
}

form.item .product-info .color-custom-swatch-container .colorCodeSize {
    display: flex;
    overflow: auto;
    padding: 4px 0;
}

#product-list .card {
    box-shadow: none !important;
    border: 1px solid #00000017;
}

body#html-body {
    background-color: #fff;
}

nav.breadcrumbs>.container li>a {
    color: #828282;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

nav.breadcrumbs {
    margin-left: 0;
    margin-right: auto;
    box-shadow: unset;
}

div#category-view-container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.category_top_cms_hyva .inner-content.mgz-container .inner-content.mgz-container .left-side-category-desc h3.mgz-element-heading-text:before {
    content: "";
    height: 100%;
    width: 2px;
    background: #000;
    position: absolute;
    right: -20px;
    top: 0;
}

.left-side-category-desc>.mgz-element-inner .mgz-element-text>.mgz-element-inner p {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 37px;
    letter-spacing: 0.25px;
}

.product-info-main .product-top-section .breadcrumbs ol li span {
    color: #828282;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.product-info-main .product-top-section .product-brand .brand-logo img {
    width: 100%;
    max-width: 60px;
}

.product-info-main .product-top-section .product-brand .brand-logo {
    background: #F0F2F2;
    padding: 10px 8px;
    max-width: max-content;
}

.product-info-main .product-top-section .breadcrumbs .container {
    padding: 0;
}

.product-info-main .product-top-section .breadcrumbs ol {
    padding-bottom: 12px;
    padding-top: 0;
}

.product-info-main .product-top-section .product-title h1 {
    font-size: 48px;
    line-height: normal;
    text-align: left;
}

.swatch-attribute .product-option-label {
    font-size: 14px;
    line-height: normal;
    margin: 0;
    color: #000;
}

.swatch-attribute {
    margin-bottom: 22px;
}

.swatch-attribute.size .product-option-values .swatch-attribute-options label.swatch-option {

    margin: 0;
    min-width: 46px;
    height: 46px;
    align-items: center;
    padding: 0 8px;
    line-height: normal;
    font-size: 14px;
}

.swatch-attribute.size .product-option-values .swatch-attribute-options>div {
    margin: 0;
}

.swatch-attribute .product-option-values .swatch-attribute-options {
    gap: 10px;
    margin-top: 10px;
}

.swatch-attribute.color_map .product-option-values label.swatch-option {
    margin: 0;
    padding: 0;
    width: 27px;
    height: 27px;
    min-width: 27px;
    border: 5px solid #fff;
    box-shadow: unset;
}

.swatch-attribute {
    margin-bottom: 22px;
    max-width: 549px;
}

.swatch-attribute.color_map .product-option-values .swatch-attribute-options div {
    margin: 0;
}

.swatch-attribute.color_map .product-option-values label.swatch-option:hover {
    outline: 1px solid #000;
}

.priceQtyBlock span.label {
    font-size: 14px;
    line-height: normal;
    margin: 0;
    color: #000;
    line-height: 21px;
    margin-bottom: 10px;
    display: block;
}

.priceQtyBlock {
    gap: 24px;
    float: left;
    width: 100%;
}

.priceQtyBlock .quantityBlock div[aria-label="Quantity"] {
    max-width: 119px;
    border: 1px solid #C4C4C4;
}

.priceQtyBlock .quantityBlock div[aria-label="Quantity"] button {
    min-width: 30px;
}

.priceQtyBlock .quantityBlock input {
    box-shadow: unset;
    width: auto;
    min-width: 50px;
    padding: 0;
    font-size: 16px;
    color: #000;
}

.priceBlock span.price {
    font-size: 25px;
    line-height: 43px;
}

.priceQtyBlock .quantityBlock div[aria-label=Quantity] button svg {
    opacity: 0.4;
}

.priceBlock span.price-wrapper {
    line-height: normal;
}

.bg-primary {
    background-color: #646464 !important;
}

.text-blue-700 {
    color: #636363 !important;
}

.border-blue-400 {
    border-color: #636363 !important;
}

.btn-secondary {
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: #636363 !important;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: #636363 !important;
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    /* box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); */
}

.primaryBtn {
    background: #CCC2BD;
    border-radius: 30px;
    width: 100%;
    font-size: 14px;
    padding: 13px 15px;
    justify-content: center;
    text-transform: uppercase;
    min-height: 50px;

}

.headerIcons {
    gap: 15px;
}

.cartButtons button#product-addtocart-button svg.border-current {
    display: none;
}

.cartButtons .addtocart-product {
    width: 100%;
    max-width: 221px;
}

.cartButtons {
    margin-top: 20px;
    float: left;
    width: 100%;
}

.cartButtons .wishlistButton {
    width: 100%;
    max-width: 220px;
}

.cartButtons .wishlistButton button {
    width: 100%;
    border-radius: 0;
    height: 50px;
    background: transparent;
    border: 1px solid #C4C4C4;
    font-size: 14px;
    padding: 13px 15px;
    text-transform: uppercase;
    color: #3F3F3F;
    gap: 7px;
}

.cartButtons .wishlistButton button svg path {
    fill: #fff;
    stroke: #000;
}

.accordionbBlock details.group {
    background: #F8F9FB;
    margin-bottom: 10px;
    cursor: pointer;
}

.accordionbBlock details.group summary {
    padding: 15px 27px;
}

.primaryBtn:hover {
    background: #CCC2BD;
}

.accordionbBlock {
    max-width: 1272px;
    margin: auto;
    padding: 0 15px;
}

.accordionbBlock details.group .prose.prose-slate {
    border-top: 1px solid #C4C4C4;
    width: 100%;
    max-width: 1186px;
    margin: auto;
    padding-top: 32px;
    font-size: 14px;
    line-height: 30px;
}

.accordionbBlock details.group summary>span {
    font-size: 20px;
    line-height: normal;
    color: #646464;
}

.accordionbBlock details.group summary span+span {
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
}

.accordionbBlock details.group .table-wrapper tbody tr td,
.table-wrapper tbody tr th {
    text-align: left;
    font-size: 14px;
    line-height: 30px;
    padding: 8px 0;
}

.swatch-option {
    padding: 1px 2px;
    min-width: 30px;
    max-width: 90px;
    height: 20px;
    float: left;
    margin: 0 10px 5px 0;
    text-align: center;
    cursor: pointer;
    position: relative;
    border: 1px solid rgb(218, 218, 218);
    overflow: hidden;
    text-overflow: ellipsis;
}

.accordionbBlock details.group div#product-attributes {
    max-width: 1186px;
    margin: auto;
}

.accordionbBlock details.group summary span+span svg {
    width: 40px;
    height: 40px;
    fill: #828282;
}

.cart table thead tr th {
    font-size: 18px;
    color: #828282;
    font-weight: 500;
    text-align: left;
}

.cart table tbody tr td {
    text-align: left;
}

.cart table thead tr th.qty {
    width: 119px;
}

.cart table thead {
    border-bottom: 1px solid #C4C4C4;
}

.cart table tbody tr td[data-th="Artikel"] a img.product-image-photo {
    max-width: 83px;
}

.cart table tbody tr td[data-th="Artikel"] .product-item-details a {
    font-size: 18px;
    max-width: 185px;
    display: block;
}

.cart table thead tr th.item {
    width: 30%;
}

.cart-form {
    max-width: 1454px;
    margin: auto;
}

.cart table tbody tr td[data-th="Artikel"] {
    gap: 17px;
}

.cart table tbody tr td .quantityBlock input {
    width: 50px;
    border: 0;
    box-shadow: unset;
    box-shadow: unset;
    width: auto;
    min-width: 50px;
    padding: 0;
    font-size: 16px;
    color: #000;
}

.cart table tbody tr td .quantityBlock {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 119px;
    /*    margin: 0 0 0 auto;*/
    border: 1px solid #c4c4c4;
}

.mhcard-add-code label.mhcard-title {
    font-size: 20px;
}

.cart table tbody tr td .quantityBlock button {
    background: transparent;
    box-shadow: unset;
    color: #C4C4C4;
    padding: 0;
    width: 30px;
    justify-content: center;
    align-items: center;
    height: 44px;
    font-size: 32px;
    font-weight: 100;
}

.iconBlockCart .action {
    float: right;
    width: 25px;
    background: #dfeafc;
    margin: 0 2px;
    text-align: center;
}

.iconBlockCart .action svg {
    width: 16px;
    margin: auto;
}

.cart.actions button.action {
    border: 0;
    box-shadow: unset;
    height: 40px;
    background: #f4f4f4;
    border-radius: 0;
    border: 1px solid #c4c4c4;
    font-size: 14px;
    text-transform: uppercase;
    color: #c4c4c4;
    letter-spacing: 0.7px;
}

.cart.actions {
    border-top: 1px solid #C4C4C4;
    padding: 24px 0;
}

.cart-summary {
    background: #F0F2F2;
    padding: 15px 15px 0;
    border: 1px solid #c4c4c4;
}

.cart-summary {
    background: #fff;
    border: 0px solid #c4c4c4;
    padding: 0;
}

.cart-summary ul.checkout a#checkout-link-button {
    background: black;
    box-shadow: unset;
    border-radius: 0;
    margin: 0;
    font-size: 20px;
    text-transform: uppercase;
}

.coupon-form {
    background: #F0F2F2;
    padding: 15px;
    border: 1px solid #c4c4c4;
    border-bottom: 0;
}

div#block-shipping {
    background: #F0F2F2;
    padding: 11px 15px;
    border: 0px solid #c4c4c4;
    border-top: 0;
    margin: 0;
}

.coupon-form span.apply_discount {
    text-decoration: none;
    display: block;
    width: 100%;
    text-align: left;
    text-decoration: none;
    font-size: 20px;
    color: black;
}

.coupon-form form#discount-coupon-form {
    background: transparent;
    padding: 0;
    box-shadow: unset;
    margin-bottom: 0;
}

.control.couponField {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    border: 1px solid #c4c4c4;
}

.control.couponField .applyBtn {
    position: absolute;
    right: 0;
}

.control.couponField .applyBtn button.btn.btn-primary {
    background: #fff;
    color: #c4c4c4;
    box-shadow: unset;
    border-radius: 0;
    padding: 0 8px;
    height: 46px;
    color: black;
    text-transform: uppercase;
    font-size: 14px;
    border: none;
}

.control.couponField input#coupon_code {
    width: 100%;
    border: 0;
    border-radius: 0;
    height: 44px;
}

.control.couponField input#coupon_code::placeholder {
    font-size: 16px;
    font-weight: 300;
}

div#block-shipping div#block-summary {
    background: transparent;
    box-shadow: unset;
    padding: 0;
}

div#block-shipping h3#block-shipping-title button#shipping-estimate-toggle {
    white-space: normal;
    text-align: left;
    align-items: center;
    color: #000;
}

div#block-shipping h3#block-shipping-title {
    display: block;
    width: 100%;
    text-align: left;
    text-decoration: none;
    font-size: 24px;
    color: black;
    word-break: initial;
}

div#block-shipping div#block-summary p.field.note {
    margin: 0;
    font-size: 16px;
    color: #828282;
}

.cartMainBlock .summaryBlock {
    width: 100%;
    max-width: 400px;
}

.cartMainBlock .cartItemsBlock {
    width: 100%;
    max-width: calc(100% - 400px);
}

.discount_coupon .coupon-form {
    max-width: 400px;
    background: transparent;
    border: 0;
    width: 100%;
    padding: 0;
}

.discount_coupon .table {
    max-width: 400px;
}

.discount_coupon .table .mhcard-add-code {
    width: 100%;
}

.discount_coupon .table .actions-toolbar button {
    border-radius: 0;
    text-transform: uppercase;
    font-size: 14px;
}

.cart.actions button.action {
    background: #000;
    border: 0;
    color: #fff !important;
}

div#cart-totals .segmenttitle {
    font-size: 16px;
}

div#cart-totals .segmentValue {
    font-size: 16px;
}

div#block-shipping div#block-summary .field label.label {
    /*    display: flex;*/
    align-items: center;
}

div#block-shipping div#block-summary .field label.label span {
    flex: 0 0 33%;
    font-size: 14px;
}

div#block-shipping div#block-summary .field label.label select,
div#block-shipping div#block-summary .field label.label input {
    border-radius: 0;
    height: 44px;
}

.clickCollectBlock .collectRadioBtn h4 {
    font-size: 18px;
    color: #000;
    margin-bottom: 6px;
}

.clickCollectBlock .collectRadioBtn .label .textBlock span {
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

.clickCollectBlock .collectRadioBtn .label {
    line-height: 40px;
    padding: 0;
}

.clickCollectBlock .collectRadioBtn:nth-child(3) {
    margin-bottom: 15px;
}

div#cart-totals {
    background: #f0f2f2;
    padding: 15px;
    margin-top: 24px;
    display: block;
    width: 100%;
    border: 0px solid #c2c2c2;
}

div#cart-totals * {
    color: #000;
}

.segmenttitle {
    font-size: 18px;
}

.segmentValue *,
.segmentValue {
    font-size: 18px;
}

div#block-shipping h3#block-shipping-title button#shipping-estimate-toggle svg {
    fill: #828282;
    width: 25px;
    height: 25px;
}

.clickCollectBlock .collectRadioBtn input[type="radio"]:checked {
    background-color: black;
}

.clickCollectBlock .collectRadioBtn input[type="radio"]:focus {
    box-shadow: unset;
}

footer .mgz-icon-list-item-text {
    word-break: break-all;
}

.toolbar-products .toolbar-sorter {
    grid-column: 8;
    align-items: end;
    gap: 15px;
}

.catalog-category-view .bannerBlock {
    margin: 0;
}

.catalog-category-view .bannerBlock .bannerBlockSub .mgz-single-image-wrapper {
    width: 100%;
    max-height: 500px;
    overflow: hidden;
}

.addtocart-product button {

    border-radius: 30px;
}

/*builder starts*/
/*04 sep 2024 starts*/
.ninjamenus.ninjamenus-desktop .left_edge_menu_bar>.item-submenu .nav-item.active a:hover {
    color: black;
}

.magezon-builder .versandkosten-main-textblockSub table * {
    border: none;
}

.magezon-builder .versandkosten-main-textblockSub table {
    border: 1px solid;
    width: 100%;
}

.magezon-builder .versandkosten-main-textblockSub table tr td {
    padding: 10px;
}

.magezon-builder .versandkosten-main-textblockSub table table {
    margin: 10px 0;
}

.magezon-builder .versandkosten-main-textblockSub table h1 {
    font-size: 24px;
}

@media only screen and (max-width:767px) {
    .magezon-builder .versandkosten-main-textblockSub table h1 {
        font-size: 20px;
    }
}

/*04 sep 2024 ends*/

@media (max-width:1535px) {
    .left-side-category-desc {
        padding: 48px 30px 48px 20px;
    }

    .category_top_cms_hyva .inner-content.mgz-container .inner-content.mgz-container .left-side-category-desc h3.mgz-element-heading-text:after {
        max-width: 500px;
    }

    .category_top_cms_hyva .inner-content.mgz-container .inner-content.mgz-container .left-side-category-desc h3.mgz-element-heading-text {
        font-size: 50px;
    }

    #product-list .products.products-grid>.grid>form.item .product-info .color-custom-swatch-container .colorCodeSize>div {
        margin-right: 6px;
    }
}

@media screen and (min-width:1025px) and (max-width:1280px) {
    .header_inspeya_mobile .container .headerLogo {
        flex: 0 0 10%;
        max-width: 10%;
    }

    .header_inspeya_mobile .container .headerIcons {
        flex: 0 0 12%;
    }

    .header_inspeya_mobile .container .navigation {
        flex: 1;
    }

    .header_inspeya_mobile .container .navigation {
        flex: 1;
    }
}

@media screen and (max-width:1280px) {
    .header_inspeya_mobile .container .navigation nav.navigation a {
        padding: 0 8px;
        font-size: 15px;
    }

    .checkout-cart-index .columns {
        max-width: 100%;
    }

    .cartMainBlock .summaryBlock {
        width: 100%;
        max-width: 400px;
    }

    .cartMainBlock .cartItemsBlock {
        width: 100%;
        max-width: calc(100% - 400px);
    }

    .cart table tbody tr td[data-th="Artikel"] .product-item-details.grow {
        max-width: calc(100% - 87px);
    }

    .cart table tbody tr td[data-th="Artikel"] a.product-item-photo {
        max-width: 70px;
    }
}

@media screen and (max-width:1199px) {
    .catalog-category-view .bannerBlock .upperTextArea .upperTextAreaSub h2:after {
        width: 100%;
        max-width: 376px;
    }

    .cartMainBlock .cartItemsBlock {
        width: 100%;
        max-width: 100%;
    }

    .cartMainBlock {
        display: flex;
        flex-direction: column;
    }

    .cartMainBlock .summaryBlock {
        order: 1;
        position: static;
        margin: 50px auto;
        max-width: 500px;
    }

    .cartMainBlock .discount_coupon {
        max-width: 500px;
        margin: auto;
        padding: 0;
        order: 1;
    }

    .discount_coupon .table {
        max-width: 100%;
    }

    .discount_coupon .coupon-form {
        max-width: 100%;
        width: 100%;
    }
}

@media screen and (max-width:1024px) {

    /*    Mobile Menus css*/
    .ninjamenus.ninjamenus-mobile .item-submenu .inner-content.mgz-container .mgz-col-xl-3.mgz-col-lg-3.mgz-col-md-3.mgz-col-sm-12.mgz-col-xs-12 {
        width: 100%;
    }

    .ninjamenus.ninjamenus-mobile .item-submenu .inner-content.mgz-container {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
    }

    .ninjamenus.ninjamenus-mobile .item-submenu .mgz-col-md-2 {
        width: 100%;
    }

    .ninjamenus.ninjamenus-mobile .item-submenu {
        max-width: 100% !important;
        position: relative;
        padding: 0;
    }

    .meusListBlock_ {
        width: 100% !important;
    }

    .menu-imagesblock_ {
        width: 100%;
    }

    .menu-imagesblock_ .inner-content.mgz-container {
        flex-direction: row !important;
    }

    /*Mobile Menus css Ends*/
    /*.nav-item.active > a {
        color: #ccc2bd!important;
    }*/
    html body .bottom-category.toolbar .field.limiter,
    html body .bottom-category.toolbar p#toolbar-amount {
        order: 2 !important;
    }

    html body .nav-item.active>a {
        color: #ffffff !important;
    }

    /*.mgz-element.nav-item.mega.left_edge_menu_bar.level0.active > a {
        color: black; !important;
    }*/
    .sticky {
        top: 0;
        width: 100%;
        z-index: 9;
    }

    .cartButtons button#product-addtocart-button svg.border-current {
        display: block;
    }

    .cartButtons .addtocart-product {
        width: 100%;
        max-width: 100%;
    }

    .addtocart-product button {
        max-width: 100%;
        border-radius: 30px;
    }

    .accordionbBlock details.group .prose.prose-slate {
        padding: 15px 30px;
    }

    .accordionbBlock {
        padding: 0;
    }

    .sticky .headerLogo a img:nth-child(2) {
        position: absolute;
        top: 0;
    }

    .sticky .headerLogo a img:nth-child(2) {
        position: absolute;
        top: 50%;
        max-width: 100px;
        transform: translate(-50%, -50%);
        left: 50%;
    }

    div#header .container {
        padding: 13px;
    }

    div#header .container .navigation button svg {
        padding: 0;
        width: 30px;
    }

    div#header .container .headerIcons {
        gap: 20px;
    }

    .headerLogo {
        flex: 1;
    }

    .header_inspeya_mobile nav button#menu-search-icon {
        margin: 0;
    }

    .header_inspeya_mobile nav {
        gap: 20px;
    }

    .primaryBtn span {
        display: block;
    }
}

@media screen and (max-width:992px) {
    ul#myTab {
        overflow: auto;
    }

    body#html-body {
        overflow: auto !important;
    }

    .bottom-category.toolbar+.products.wrapper+script+.toolbar-products {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .columns aside.sidebar.sidebar-main {
        width: 100%;
    }

    .catalog-category-view .columns .column.main {
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    /* 17-March-2025*/
    .party-time-container {
        padding: 20px;
        max-height: none;
        /* Entfernt die maximale Höhe auf kleinen Bildschirmen */
    }
    .party-time-container h2 {
        font-size: 1.5rem;
    }
    .party-time-container p, .steps ol, .info, .highlight {
        font-size: 1rem;
    }
    .steps {
        padding: 15px;
    }
    /* End   */
    .mh_brandpages {
        max-width: 100%;
        margin: 0 0 0 auto;
    }

    .catalog-product-view.page-product-configurable .columns {
        padding: 0 15px;
    }

    .filter-option .filter-options-content .range {
        padding-bottom: 15px;
    }

    .filter-option {
        padding-bottom: 0;
    }

    .priceBlock span.price {
        font-size: 30px;
        line-height: 43px;
    }

    .primaryBtn {
        font-size: 10px;
    }

    /*.colorCodeSize {
        display: flex;
        overflow: auto;
        padding: 10px 0;
    }*/
    .productItems {
        margin: 0 -24px;
    }

    .swatch-attribute .swatch-attribute-options .swatch-option {
        height: 35px;
        min-width: 35px;
    }

    .page-product-configurable .columns {
        padding: 0;
    }

    .product-title .container {
        padding: 0;
    }

    .product-info-main .product-top-section .product-title h1 {
        margin-top: 12px;
        font-size: 35px;
    }

    .accordionbBlock {
        margin: 0 -15px;
    }

    .accordionbBlock details.group {
        background: #fff;
        margin-bottom: 0;
        cursor: pointer;
        border-right: 0;
        border-left: 0;
    }

    .accordionbBlock details.group {
        border-top: 1px solid #ececec;
    }

    .accordionbBlock details.group .prose.prose-slate {
        border-top: 0px solid #C4C4C4;
    }

    .accordionbBlock details.group summary {
        padding: 15px;
    }

    .accordionbBlock details.group div#product-attributes {
        max-width: 1186px;
        margin: auto;
        padding: 12px 15px;
    }

    .accordionbBlock details.group .table-wrapper tbody tr td,
    .table-wrapper tbody tr th {
        text-align: left;
        font-size: 14px;
        line-height: 30px;
        padding: 8px 10px;
    }

    .accordionbBlock details.group[open] summary {
        background: whitesmoke;
    }

    .accordionbBlock details.group:last-child {
        border-bottom: 1px solid #ececec;
    }
}

@media screen and (max-width:630px) {
    .headerLogo {
        flex: unset;
    }
}

@media only screen and (max-width:567px) {
    div#header .container .headerIcons {
        gap: 10px;
    }
}

/* Tunke 14.11.2024 */
.message.error {
    display: none;
}

/* Tunke out */

/* Tunke 25.11.2024 */


.cms-startseite.overflow-hidden {
    overflow: scroll;
}

/* Tunke out */
div#am-cookie-bar {
    z-index: 40;
}
.ambar-btn-accept {
    color: var(--ambar-button-accept-text);
    background-color: #cdc2bd !important;
    order: var(--ambar-button-accept-order);
}
.ambar-btn-accept:hover {
    color: var(--ambar-button-accept-hover-text);
    background-color: #cdc2bd !important;
}
.cookie_bar_modal {
    max-width: 750px;
}
@media (min-width: 768px) {
    .md\:max-w-\[30\%\] {
        max-width: 30%;
    }
}
.ambar-btn-accept {
    border-radius: .125rem;
    padding: 1rem .5rem;
    text-align: center;
    font-size: .8rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.max-w-screen-sm {
    max-width: 640px;
}
.bg-gray-500\/50 {
    background-color: hsla(220, 9%, 46%, .5);
}

.ambar-action-btn {
    border-radius: .125rem;
    padding: 1rem .5rem;
    text-align: center;
    font-size: .8rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.max-w-\[90vw\] {
    max-width: 90vw;
}
.max-h-\[92vh\] {
    max-height: 92vh;
}
@media (min-width: 768px) {
    .md\:overflow-x-auto {
        overflow-x: auto;
    }
}
#cookiebar-groups table {
    max-width: 800px;
    margin: auto;
    border: 0;
}
.min-w-\[30\%\] {
    min-width: 30%;
}
table tbody tr {
    border-bottom: 1px solid #f2f2f2 !important;
}
table tr td {
    padding: 15px;
}
.cookie_bar_modal {
    max-width: 750px;
}