/**
 * WARNING: Do not change this file. Your changes will be lost.
 * 2026-02-23 02:02:52 */
body.boxed {
}
@media (min-width: 768px) {
    .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom {
        width: 32.67%;
    }
    .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper {
        width: 65.33%;
    }

    .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
        width: 24.5025%;
    }
    .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
        width: 48.9975%;
    }
}
@media (max-width: 480px){
    .products-grid .product-item {
        float: none;
        width: 100%;
        padding: 10px 0;
    }
}

/* ========================================
   Layout
   ======================================== */
@media (min-width: 1440px) {
    .layout-1220 .block.category.event,
    .layout-1220 .footer.content,
    .layout-1220 .header.content,
    .layout-1220 .navigation,
    .layout-1220 .page-main,
    .layout-1220 .page-wrapper > .breadcrumbs > ul,
    .layout-1220 .page-wrapper > .page-bottom,
    .layout-1220 .page-wrapper > .widget,
    .layout-1220 .top-container,
    .layout-1220 .container {
        max-width: 1420px;
    }
}

/* ========================================
   Typografie - Basis
   ======================================== */
body {
    line-height: 1.7;
    letter-spacing: 0.2px;
}

@media (max-width: 575px) {
    body {
        font-size: 13px;
    }
}

/* ========================================
   Typografie - Headings (harmonische Skala)
   ======================================== */
h1, h2, h3, h4, h5, h6 {
    color: #222529;
    letter-spacing: -0.01em;
}

h1 {
    font-weight: 400;
    font-size: 36px;
    line-height: 1.22;
    margin: 0 0 32px 0;
}

h2 {
    font-weight: 300;
    font-size: 30px;
    line-height: 1.33;
    margin: 0 0 28px 0;
}

h3 {
    font-weight: 600;
    font-size: 22px;
    line-height: 1.36;
    margin: 0 0 20px 0;
}

h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.33;
    color: #444;
    margin: 0 0 16px 0;
}

h5 {
    font-weight: 600;
    font-size: 15px;
    line-height: 1.4;
    color: #444;
    margin: 0 0 14px 0;
}

h6 {
    font-weight: 600;
    font-size: 13px;
    line-height: 1.38;
    color: #6b7a83;
    margin: 0 0 14px 0;
}

li {
    line-height: 1.7;
}

/* ========================================
   Dekorative Schrift
   ======================================== */
.home-banner-slider h2.vc_custom_heading,
.custom-font4 {
    font-family: 'Segoe Script', 'Savoye LET';
}

/* ========================================
   Farben - Sekundär (einheitlich #ff7272)
   ======================================== */
html .heading-secondary,
html .lnk-secondary,
html .text-color-secondary {
    color: #ff7272;
}

html .background-color-secondary {
    background-color: #ff7272 !important;
}

/* ========================================
   Buttons
   ======================================== */
html .action.primary,
html .btn {
    letter-spacing: 0;
    font-weight: 600;
    line-height: 1.42857;
    padding: 0.8em 2em;
    border-radius: 0;
}

html .action.primary {
    color: #fff;
    background-color: #f4631b;
    border-color: #f4631b #f4631b #d24d0b;
}

html .btn-modern {
    text-transform: uppercase;
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 1em 2.8em;
    height: auto;
}

html .btn-xl {
    font-size: 1rem;
    padding: 0.8rem 2rem;
}

.btn-modern.btn-xl {
    font-size: 1rem;
    padding: 1.25em 3.125em;
}

.btn-flat {
    padding: 0 !important;
    background: none !important;
    border: none !important;
    border-bottom: 1px solid transparent !important;
    box-shadow: none !important;
    text-transform: uppercase;
    font-size: 0.75rem;
}

html .btn-dark {
    color: #fff;
    background-color: #222529;
    border-color: #222529 #222529 #0b0c0e;
}

html .btn-light {
    color: #222529;
    background-color: #fff;
    border-color: #fff #fff #e6e6e6;
}

html .btn-quaternary {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

/* ========================================
   Header
   ======================================== */
.page-header .sw-megamenu.navigation li.level0 > em,
.page-header .sw-megamenu.navigation li.level0 i {
    display: none;
}

.top-icon .porto-sicon-header {
    margin-bottom: 0.75rem;
}

.page-header.type1 .panel.wrapper {
    font-size: 12px;
    font-weight: 400;
}

.page-header.type1 .switcher:first-child .options .action.toggle {
    padding-left: 0;
}

.page-header.type1 .header-main .header-left {
    min-width: auto;
}

.page-header.type1 .search-area {
    max-width: 564px;
}

.page-header.type1 .minicart-wrapper .action.showcart .counter.qty {
    background-color: #222529;
    right: -8px;
}

.page-header.type1 .minicart-wrapper .action.showcart::after {
    display: none;
}

.page-header.type1 a.wishlist {
    margin-left: 0.5rem;
    margin-right: 0.5rem !important;
    padding: 0 !important;
}

.page-header.type1 .minicart-wrapper .action.showcart {
    min-width: 32px;
    justify-content: center;
}

@media (max-width: 991px) {
    .page-header.type1 .main-panel-top {
        display: none;
    }
}

@media (min-width: 992px) {
    .page-header.type1.sticky-header .cart-design-2 .action.showcart .minicart-icon {
        border-color: #222529;
    }

    .page-header.type1 .header.panel > .header.links > li > a {
        padding: 0;
        display: inline-block;
        float: left;
    }

    .page-header.type1 .header.panel > .header.links > li {
        padding: 2px 0 2px 1px;
        padding-right: 0 !important;
        font-weight: 400;
    }

    .page-header.type1 .header.panel > .header.links > li:last-child {
        padding-right: 0;
    }

    .page-header.type1 .panel.header .switcher {
        margin-right: 0;
    }

    .page-header.type1 .panel.header .switcher:after {
        content: "|";
        font-weight: 300;
        position: relative;
        top: -1px;
        color: #e7e7e7;
        margin: 0 5px;
        opacity: 1;
        font-size: 1.2em;
        display: inline-block;
    }

    .page-header.type1 .panel.header .switcher:last-child:after {
        display: none;
    }

    .page-header.type1 .header.panel > .header.links > li:after {
        content: "|";
        font-weight: 300;
        position: relative;
        top: -1px;
        color: #e7e7e7;
        margin: 0 15px;
        opacity: 1;
        font-size: 1.2em;
        display: inline-block;
    }

    .page-header.type1 .header.panel > .header.links > li:last-child:after {
        display: none;
    }

    .page-header.type1 .block-search input {
        height: 48px;
    }

    .page-header.type1 .search-category {
        right: 64px !important;
        height: 48px;
        line-height: 48px;
    }

    .page-header.type1 .search-area .minisearch .actions button {
        width: 64px;
        height: 48px;
        margin-right: 0;
        border-radius: 0 8px 8px 0;
        font-size: 20px;
        color: #fff;
        background: #222529;
    }

    .page-header.type1 .block-search .action.search:before {
        font-weight: 400;
    }

    .page-header.type1 .nav-sections {
        padding: 5px 0;
    }

    .page-header.type1 .navigation:not(.side-megamenu) .level0 {
        margin-right: 30px;
    }

    .page-header.type1 .navigation:not(.side-megamenu) .level0 .level-top {
        font-size: 13px;
        font-weight: 700;
        line-height: 13px;
        letter-spacing: 0;
        color: #222529;
        padding: 18px 0 19px 0;
    }
}

/* ========================================
   Widgets & Sektionen
   ======================================== */
.widget,
.sidebar-content .widget {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.widget .widgettitle {
    font-size: 1rem;
    letter-spacing: -0.02em;
}

.section-title {
    text-transform: none;
    font-weight: 600;
}

/* ========================================
   Produkt-Grid
   ======================================== */
.products-grid .product-item {
    padding-top: 10px;
}

body:not(.catalog-product-view) .products-grid:not(.small-list) .product-item:hover {
    box-shadow: 0 5px 25px 0 rgb(0 0 0 / 10%);
}

.products-grid .product-item .product-item-info.type3 .weltpixel-quickview.weltpixel_quickview_button_v2 {
    background: #222529;
}

.product-item-info.type3:hover .product-item-photo {
    box-shadow: none;
}

/* ========================================
   Carousel
   ======================================== */
.owl-carousel .owl-nav .disabled {
    opacity: 0.5;
}

body .owl-carousel .owl-nav .owl-prev,
body .owl-carousel .owl-nav .owl-next {
    color: #fff;
    background-color: #f4631b;
    border-color: #f4631b;
}

/* ========================================
   Breadcrumbs
   ======================================== */
.page-wrapper > .breadcrumbs {
    font-weight: 700;
    letter-spacing: 0.05em;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 35px;
}

.page-wrapper > .breadcrumbs .items {
    padding-top: 15px;
    padding-bottom: 15px;
}

.page-wrapper > .breadcrumbs .items > li.home a {
    width: auto;
    text-indent: 0;
}

.page-wrapper > .breadcrumbs .items > li.home a:after {
    display: none;
}

/* ========================================
   Sidebar & Filter
   ======================================== */
.catalog-category-view .sidebar.sidebar-main .sidebar-content,
.catalogsearch-result-index .sidebar.sidebar-main .sidebar-content {
    border: none;
}

.sidebar .sidebar-content .block-category-list,
.side-custom-block .custom-block,
.filter-options-item,
.filter-actions {
    padding: 0;
    margin-bottom: 30px;
    border: none;
}

.filter-current {
    padding: 0;
}

.block-category-list .block-title,
.side-custom-block .custom-block h2,
.filter-options-title,
.filter .filter-current-subtitle {
    border-bottom: 1px solid #dfdfdf;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    padding: 8px 0;
    margin-bottom: 10px;
    line-height: 1.4;
}

.block-category-list .block-content,
.filter-options-content,
.custom-block .block-content,
.filter-current .items,
.filter-actions {
    padding-left: 15px;
}

.block-category-list .block-content ol li a {
    font-size: 12px;
    padding: 4px 0;
    line-height: 1.8;
    color: #000;
}

.side-custom-block .custom-block:last-child {
    margin-bottom: 0;
}

.side-custom-block .custom-block h5 {
    margin-top: 0 !important;
}

/* ========================================
   Footer
   ======================================== */
.footer .widgettitle,
.footer .widget-title {
    font-size: 16px;
    font-weight: 700;
    text-transform: none;
    margin-bottom: 15px;
}

.footer li {
    line-height: 1.8;
}

.footer,
.footer p {
    letter-spacing: inherit;
}

.footer-top {
    padding-top: 20px;
    padding-bottom: 20px;
}

.footer-top .custom-block:before,
.footer-top .custom-block:after {
    display: none;
}

.footer-middle > .container {
    padding-top: 3rem;
    padding-bottom: 1rem;
}

.footer-middle > .container::after {
    border-color: #e1e1e1;
}