/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDTbtPY_Q.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDYbtPY_Q.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDZbtPY_Q.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDXbtM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v23/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXBiAJpp_c.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v23/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXBiEJpp_c.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v23/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXBi8Jpg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400;
  src: url(/tmp/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNXaxMICA.woff2) format('woff2');
}


body,.nav-link {
	font-size:20px;
}
header.header-main,div.nav-main {background:#fff}
.imgboxProd {
	display:inline-block;
	margin-right:20px;
	width: 300px;
	min-height:300px;
	background-size:cover !important;
}
.header-row {padding-bottom:40px !important}
.nav-main {background:#3a2f2b !important}
.container-main {padding-top:0 !important;padding-bottom:0 !important;}
.main-navigation-link.active .main-navigation-link-text {border-bottom: 2px solid #bfa88f;}
.nav-main .main-navigation-link {color:#eee;font-family:"Playfair Display", serif}
.main-navigation-link:hover .main-navigation-link-text {border-bottom: 2px solid #bfa88f;color:#fff !important}
.nav-main .main-navigation-link.active {color:#fff}
footer.footer-main {margin-top:80px;background:#0c0702}

footer .footer-column-headline,footer h3 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 8px;
  color: #a2683a;
}
.footer a {
  color: #3a2f2b;
  text-decoration: none;
}
.footer a:hover {
  color: #a2683a;
}

.product-box {
    background:#443121;
}
.cms-section-default {padding-top:20px}
.cms-breadcrumb,footer div.footer-bottom {display:none}


.img1 {
	background:#fff url(/tmp/200_geschlossen.jpg) no-repeat center center;
}
.img2 {
	background:#fff url(/tmp/200_offen.jpg) no-repeat center center;
}
#footerColumns > div:first-child {display:none}
.footer-vat,.footer-logos {display:none}
.payment-method-image {max-height:50px !important;height:50px !important}
.shipping-method-description p,.payment-method-description p {font-size: 16px;}


h1::after {
  content: "";
  display: block;
  width: 150px;
  height: 2px;
  margin: 10px auto 40px auto;
  background: #bfa88f;
}
main video {
  border: 1px solid #D3AE5D;
  box-shadow: 0 5px 15px rgba(58,47,43,0.4);
}
ul {margin:40px 0}
ul.navbar-nav {margin-top:0}
li {font-size:20px}
li.nav-item {padding-right:35px !important}
li.nav-item a.nav-link {font-size:20px !important}
#main_nav li.nav-item a.nav-link {font-size:18px !important}

.cms-element-image, .cms-element-text {
  padding: 10px;
}

.cms-section-column {
  margin-bottom: 20px;
}

.cms-element-image img {
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.cms-element-text {
  font-size: 20px;
  color: #D3AE5D;
}

.product-detail-buy .btn-primary {
  background-color: #ffd37c;
  color: #f4ede1;
  padding: 12px 24px;
  border-radius: 6px;
  border: none;
  font-size: 1rem;
  font-weight: 600;
  font-family: 'Work Sans', sans-serif;
  transition: background-color 0.3s ease;
}

.product-detail-buy .btn-primary:hover,
.product-detail-buy .btn-primary:focus {
  background-color: #a2683a;
  color: #fff;
}
.checkout-banner {
    text-align:center;
    margin-top:40px;
}
.brownbg, .brownbg h1, .brownbg h2,.brownbg ul,.brownbg  p {
    background:#281300;
    color:#D3AE5D;
    font-weight:300;
    font-family: "Libre Baskerville", serif;
}
.brownbg, .brownbg h1 {
    font-size:50px;
}
.brownbg, .brownbg h2 {
    font-size:40px;
}
.brownbg, .brownbg h3 {
    font-size:34px;
}
.listcenter .cms-element-text {
    text-align:center;
}
.listcenter .cms-element-text ul {
    text-align:left;
    display: inline-block;
}
.listcenter .cms-element-text li,.brownbg p {
    font-size:24px;
}
.brownbg h1::after { display:none}
.brownbg .cms-element-image img
{
    border-radius:0;
    box-shadow:none;
    border:0;
    
}


/* 
 * Shopware 6.7 - Vollständig sichtbare Navigation
 * Funktionierende CSS-Lösung für die tatsächliche Struktur
 * WICHTIG: Alle Styles sind auf #main-navigation-menu begrenzt
 */

/* HAUPTLÖSUNG: Dropdown-Menü dauerhaft anzeigen - NUR innerhalb von #main-navigation-menu */
#main-navigation-menu .dropdown-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: static !important;
    transform: none !important;
    box-shadow: none;
    border: none;
    margin: 0;
    padding: 0;
    background: transparent;
}

/* Navigation-Container anpassen */
#main-navigation-menu .navbar-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 2rem;
}

/* Einzelne Navigations-Items */
#main-navigation-menu .nav-item.dropdown {
    position: static;
}

/* Dropdown-Toggle (Hauptkategorie) ohne Pfeil */
#main-navigation-menu .dropdown-toggle::after {
    display: none; /* Entfernt den Dropdown-Pfeil */
}

#main-navigation-menu .navigation-flyout-categories {
    display:block !important;
}
#main-navigation-menu .navigation-flyout-categories > div {
    display:block !important;
    width: 100% !important;
    padding-left:5px;
}
#main-navigation-menu .navigation-flyout-categories span {
    font-family: "Playfair Display", serif;
    font-weight:normal !important;
}
#main-navigation-menu .navigation-flyout-categories .navigation-flyout-col {
    margin-bottom:0;
}
#main-navigation-menu .navigation-flyout-categories .navigation-flyout-col::before {
    border:0 !important; left:0 !important;position:relative
}

/* Hauptkategorie-Links */
#main-navigation-menu .navigation-flyout-link {
    color:#fff;
}

#main-navigation-menu .nav-link.dropdown-toggle:hover {
    color: #007bff;
    border-bottom-color: #007bff;
}

/* Dropdown-Menü Layout */
#main-navigation-menu .dropdown-menu {
    display: block !important;
    position: static !important;
    float: none;
    --bs-dropdown-min-width:0 !important;
}

/* Dropdown-Items (Unterkategorien) */
#main-navigation-menu .dropdown-item {
    padding: 0.25rem 0 0.25rem 0.5rem;
    border-left: 2px solid transparent;
    font-size: 1rem;
    font-weight: 500;
    color: #333;
    white-space: normal;
}

#main-navigation-menu .dropdown-item:hover {
    color: #007bff;
    border-left-color: #007bff;
    background-color: transparent;
}

#main-navigation-menu .dropdown-item.active,
#main-navigation-menu .dropdown-item:active {
    color: #007bff;
    border-left-color: #007bff;
    background-color: transparent;
    font-weight: 600;
}

/* Verschachtelte Dropdowns (3. Ebene) */
#main-navigation-menu .dropdown-menu .dropdown-menu {
    margin-left: 1rem;
    margin-top: 0.5rem;
    padding-left: 0;
}

#main-navigation-menu .dropdown-menu .dropdown-menu .dropdown-item {
    font-size: 0.875rem;
    font-weight: 400;
    color: #666;
}

/* Alle Hover-Effekte überschreiben */
#main-navigation-menu .nav-item.dropdown:hover .dropdown-menu,
#main-navigation-menu .nav-item.dropdown.show .dropdown-menu {
    display: block !important;
}

/* Bootstrap Dropdown-Styles überschreiben */
#main-navigation-menu .dropdown-menu.show {
    display: block !important;
}

/* Mega-Menu-Stil für gesamte Navigation */
#main-navigation-menu .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
}

/* Responsive Anpassungen */
@media (max-width: 1200px) {
    #main-navigation-menu .navbar-nav {
        gap: 1.5rem;
    }
    
    #main-navigation-menu .dropdown-menu {
        max-width: 250px;
    }
}

@media (max-width: 992px) {
    #main-navigation-menu .navbar-nav {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1rem;
    }
    
    #main-navigation-menu .dropdown-menu {
        max-width: none;
        width: 100%;
    }
}

@media (max-width: 768px) {
    #main-navigation-menu .navbar-nav {
        flex-direction: column;
        width: 100%;
    }
    
    #main-navigation-menu .nav-item.dropdown {
        width: 100%;
    }
    
    #main-navigation-menu .dropdown-menu {
        width: 100%;
        max-width: none;
    }
}

/* Falls Offcanvas verwendet wird (Mobile) */
#main-navigation-menu.offcanvas .dropdown-menu {
    display: block !important;
    position: static !important;
}

/* Alternative: Kompaktes Grid-Layout */
#main-navigation-menu .navbar-nav.mega-menu-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 2rem;
    width: 100%;
}

/* Divider zwischen Kategorien entfernen (falls vorhanden) */
#main-navigation-menu .dropdown-divider {
    display: none;
}

/* Header-Bereich für Dropdown-Kategorien */
#main-navigation-menu .dropdown-header {
    font-weight: 700;
    color: #000;
    padding: 0.5rem 0;
}

        .reviews-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            margin-top: 30px;
            margin-bottom:80px;
            color:#D3AE5D;
        }

        .reviews-grid .review-card {
            background: #59402a;
            border-radius: 8px;
            padding: 30px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .reviews-grid .review-card, .reviews-grid .review-text {
            background: #59402a;
        }

        .reviews-grid .review-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
        }

        .reviews-grid .stars {
            display: flex;
            align-items: center;
            gap: 5px;
            margin-bottom: 15px;
        }

        .reviews-grid .star {
            color: #fbbc04;
            font-size: 30px;
        }

        .reviews-grid .rating-text {
            font-size: 18px;
            font-weight: 600;
            margin-left: 10px;
        }

        .reviews-grid .review-text {
            font-size: 22px;
            line-height: 1.4;
            margin-top: 20px;
        }

        @media (max-width: 968px) {
            .reviews-grid .reviews-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 640px) {
            .reviews-grid .reviews-grid {
                grid-template-columns: 1fr;
            }

        }


.product-name {font-size:22px}
.product-variant-characteristics,.product-price-unit {display:none}
.product-description {font-size:18px;height:135px}

#main-navigation-menu .navigation-flyout-teaser {display:none}
#main-navigation-menu .navigation-flyout-content .col-xl-3 {display:none}
.smallertext .cms-element-text {padding-bottom:0}
.smallertext .cms-block-container {padding-top:0 !important;padding-bottom:0 !important}
.smallertext h2 {font-size:26px}
.smallertext p {font-size:18px;margin-bottom:0}