/* =============================================
   CSS
   Version: v39.12
============================================== */

/* === INHALTSVERZEICHNIS === */
/*
1. CSS VARIABLEN
1A. BASICS
1B. HILFSKLASSEN
2. SCHRIFTARTEN DEFINITIONEN  
3. BASIS TYPOGRAFIE
4. INDIVIDUELLE SCHRIFTKLASSEN
5. TEXT EFFEKTE
6. ABSCHNITTS ÜBERSCHRIFTEN
7. STICKY NAVIGATION
8. KOPFLEISTE & MOBILE ICONS
9. HAUPTNAVIGATION
9A. BREADCRUMBS
10. MOBILE NAVIGATION
11. MOBILE NAVIGATION PANEL
12. MEGA MENÜ
12A. ÜBERSCHRIFTEN
12B. FORMULARE
12C. SHOP PREIS CARDS
13. BUTTONS
14. HERO BEREICH
14A. SHOP HERO ERGÄNZUNGEN
14B. CONTENT
14C. COUNTDOWN
14D. ACCORDIONS
14E. MODAL
14F. TABS
14G. SHOP
15. KARTEN & FEATURE BOXEN
15A. FEATURE ICONS
15B. TESTIMONIAL CAROUSEL
15C. NEWSLETTER
16. INFO BOXEN & SEKTIONEN
17. VIDEO BEREICH
18. NEWS TICKER
19. FAQ BEREICH
20. FUSSZEILE
21. ALERT BOXEN
22. WARTUNGSSEITEN
23. ANIMATIONEN & ÜBERGÄNGE
24. HILFSKLASSEN
25. RESPONSIVE DESIGN
26. BARRIEREFREIHEIT & DRUCK
27. MOBILE SUBMENU STYLING
28. SPRITES

===========================
Responsive Design – Bootstrap 5
---------------------------
@media (max-width: 575.98px)                            MOBILE           0 – 575.98px
@media (min-width: 576px) and (max-width: 767.98px)     KLEINE TABLETS   576 – 767.98px
@media (min-width: 768px) and (max-width: 991.98px)     GROSSE TABLETS   768 – 991.98px
@media (min-width: 992px) and (max-width: 1199.98px)    DESKTOP          992 – 1199.98px
@media (min-width: 1200px)                              LARGE DESKTOP    ab 1200px
=========================== */



/* === 1. CSS VARIABLEN === */
:root { --bs-primary: #79ad4b; --bs-primary-rgb: 121, 173, 75; --bs-secondary: #203a1d; --bs-secondary-rgb: 32, 58, 29; --primary-color: #79ad4b; --secondary-color: #203a1d; --dark-color: #2e1802; --kernoelbraun: #251a04; --sandbeige: #F4EFE5; --salbeigruen: #AFCF7F; --cremeorange: #fdf4e6; --light-gray: #f6f5f1; --olivgrau: #D0CABE; --steingrau: #d5d4d0; --white: #FFFFFF; --champagner: #ede5c4; --text-color: #222; --light-text: #555; --border-radius: 25px; --transition-speed: 0.3s; --box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15); --box-shadow-hover: 0 8px 20px rgba(0, 0, 0, 0.2); --totl-primary-background: rgba(255, 255, 255, .8); --dev-primary-color:#0d6efd}


/* === 1A. BASICS === */
html { scroll-behavior:smooth; scroll-padding-top: 20px; }
body { background-color: var(--sandbeige); }
.container { background-color: #FFF; max-width: 1200px; padding-left:25px;padding-right:25px;}
.mycontent { margin-left: 1rem !important;/* mx-3 */  margin-right: 1rem !important; }
#main-footer { font-size:90%; }
.modal-backdrop {   background-color: #000 !important; opacity: 0.75 !important; }
.bi { font-family: "bootstrap-icons";}
.bg-ausgegraut { background-color: rgba(204, 204, 204, 0.5); }

/* === 1B. HILFSKLASSEN === */
.bg-none { background-color: transparent !important; }
.bg-white { background-color: #FFF;}
.cursor-pointer { cursor: pointer; }
#google_translate_element .goog-te-gadget-simple { background-color: #fff; border: 1px solid #ccc; padding: 0.4rem 0.8rem; border-radius: 8px; font-size: 1rem; line-height: 1.2; display: inline-block; }
#google_translate_element .goog-te-gadget-icon, #google_translate_element img { vertical-align: middle !important; margin-right: 0.25rem; }
.bg-dev { background-color: #0d6efd}
.milchglas-2 { background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(10px); }
.bg-jute { background-image: url('/assets/images/bg/jute.jpg') !important;  background-repeat: repeat;z-index: 1 !important;}

/* === 2. SCHRIFTARTEN DEFINITIONEN === */
@font-face { font-family: 'Great Vibes'; src: url('/assets/fonts/great_vibes/GreatVibes-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Satisfy'; src: url('/assets/fonts/satisfy/Satisfy-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Dancing Script'; src: url('/assets/fonts/dancing_script/static/DancingScript-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Bonheur Royale'; src: url('/assets/fonts/bonheur_royale/BonheurRoyale-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Caveat'; src: url('/assets/fonts/caveat/static/Caveat-Regular.ttf') format('truetype'); font-weight: 400; }
@font-face { font-family: 'Caveat'; src: url('/assets/fonts/caveat/static/Caveat-Bold.ttf') format('truetype'); font-weight: 700; }

/* === 3. BASIS TYPOGRAFIE === */
body { font-family: 'Lato', sans-serif; line-height: 1.6; color: var(--text-color); }
h1 { font-family: 'Raleway', sans-serif; font-weight: 600; }
h2 { font-family: 'Raleway', sans-serif; font-weight: 600; }
h3 { font-family: 'Raleway', sans-serif; font-weight: 600; }
h4 { font-family: 'Raleway', sans-serif; font-weight: 600; }
h5 { font-family: 'Raleway', sans-serif; font-weight: 600; }
h6 { font-family: 'Raleway', sans-serif; font-weight: 600; }
a { color: var(--primary-color); }

/* === 4. INDIVIDUELLE SCHRIFTKLASSEN === */
.font-greatvibes { font-family: 'Great Vibes', cursive; }
.font-satisfy { font-family: 'Satisfy', cursive; color: var(--kernoelbraun); }
.font-dancingscript { font-family: 'Dancing Script', cursive; }
.font-bonheurroyale { font-family: 'Bonheur Royale', cursive; }
.font-caveat { font-family: 'Caveat', cursive; }
.fs-95pr { font-size:95% !important; }
.fs-90pr { font-size:90% !important; }
.fs-85pr { font-size:85% !important; }
.fs-80pr { font-size:80% !important; }
.fs-75pr { font-size:75% !important; }
.fs-70pr { font-size:70% !important; }
.fs-65pr { font-size:65% !important; }
.fs-60pr { font-size:60% !important; }
.fs-55pr { font-size:55% !important; }
.fs-50pr { font-size:50% !important; }

/* === 5. TEXT EFFEKTE === */
.glow-effect { box-shadow: 0 0 20px 5px var(--champagner); }
.glow-text { text-shadow: 0 0 10px var(--champagner); }
.text-shadow { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }
.bg-shadow-pumpkinseedoil { color: #FFF; text-shadow: 0 0 4px #1A0E09, 0 0 8px rgba(26, 14, 9, 0.9), 0 0 16px rgba(26, 14, 9, 0.7), 0 0 24px rgba(26, 14, 9, 0.5), 0 0 36px rgba(26, 14, 9, 0.3); }
.bg-pumpkinseedoilspot { text-shadow: 0 0 0.8em #a8a840, 0 0 0.8em #a8a840, 0 0 0.8em #a8a840; }
.text-blue { color:#084298;}

/* === 6. ABSCHNITTS ÜBERSCHRIFTEN === */
.section-heading { text-transform: uppercase; font-size: 1.2rem; font-weight: 400; margin-bottom: 1rem; color: var(--kernoelbraun); }
.section-subheading { font-size: clamp(2.5rem, 5vw, 3.5rem); color: var(--text-color); line-height: 1.2; margin-bottom: 3rem; }
.rubrik { color: #000; font-size: 0.6em; text-transform: uppercase; }

/* === 7. STICKY NAVIGATION === */
@media (min-width: 992px) { /* Desktop und größer (LG, XL): ab 992px */ #page-menu { position: sticky; top: 80px; z-index: 800; transition: top var(--transition-speed) ease; background-color: var(--secondary-color); } }

/* === 8. KOPFLEISTE & MOBILE ICONS === */
.desktop-top-bar { background-color: var(--primary-color); color: white; font-size: 13px; height: 36px !important; z-index: 1045; margin-bottom: 0; }
.desktop-top-bar-devmode { background-color: #0d6efd; }
.desktop-topbar-content { min-height: 36px; padding-top: 0; padding-bottom: 0; }
.mobile-top-bar { background-color: var(--primary-color); color: white; z-index: 1045; height: 50px; }
.top-bar-link { font-family: 'Raleway', sans-serif; color: white; text-decoration: none; text-transform: uppercase; font-size: 15px; font-weight: 500; letter-spacing: 0.01em; display: inline-flex !important; align-items: center !important; line-height: 1.4 !important; min-height: 24px !important; padding: 4px 15px 6px 15px !important; }
.top-bar-link i { align-self: center !important; margin-top: -2px !important; }
.top-bar-link span { align-self: flex-end !important; margin-bottom: 1px !important; }
.top-bar-link img { align-self: center !important; margin-bottom: 0 !important; }
.top-bar-link-small { font-size:13px; }
.topbar-item { padding-top: 0 !important; padding-bottom: 0 !important; display: flex !important; align-items: center !important; height: 36px !important; }
.nav-item-with-label { position: relative; display: inline-block; }
.topbar-item .nav-label { display: none; margin-left: 5px; transition: all 0.2s ease; }
.topbar-item:hover .nav-label, .topbar-item:focus-within .nav-label { display: inline; }
.topbar-item:nth-last-child(-n+2) { padding-right: 8px; }
.topbar-item a:hover { background-color: var(--secondary-color); color: #FFF; transition: all 0.2s ease-in-out; cursor: pointer; border-radius:7px; height: 100% !important; min-height: 36px !important; display: flex !important; padding: 4px 15px 6px 15px !important; }
.desktop-top-bar-mainkeyword { color: #CCC;font-size:12px; }
#top-bar-btn-cart:hover, #top-bar-btn-cart:focus, #top-bar-btn-cart:active { box-shadow: none !important; outline: none !important; border-color: transparent !important; background: inherit !important; color: var(--secondary-color) !important; }
.mobile-top-icons { display: flex; align-items: center; gap: 10px; flex-shrink: 0; min-width: 120px; padding-right: 16px; }
.mobile-icon-btn { background: none; border: none; color: white; font-size: 30px; padding: 2px; border-radius: 4px; transition: background-color 0.2s; }
.mobile-icon-btn:hover { background-color: rgba(255, 255, 255, 0.2); color: white; }
.mobile-logo { transition: opacity 0.3s ease; }
.mobile-seo-text { transition: opacity 0.3s ease; }
.mobile-logo-small img { height: 25px; width: auto; }
.shipping-dropdown-menu { margin-top: 35px; background-color: rgba(255, 255, 255, 0.95); border: none; box-shadow: var(--box-shadow); transition: opacity 0.8s ease, transform 0.8s ease; }
.top-bar .dropdown-menu.fade:not(.show) { opacity: 0; transform: translateY(-10px); }
.top-bar .dropdown-item { color: var(--text-color); font-size: 12px; }
.dropdown-menu.fade-in-up { animation: fadeInUp 600ms ease forwards; }
.mobile-dropdown-menu { background-color: rgba(255, 255, 255, 0.95); border: none; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); min-width: 280px; }
.mobile-dropdown-menu .dropdown-item { color: #222; padding: 12px 20px; border-bottom: 1px solid #eee; }
.mobile-dropdown-menu .dropdown-header { color: var(--secondary-color); font-weight: bold; text-transform: uppercase; font-size: 12px; padding: 15px 20px 5px 20px; }


/* === 9. HAUPTNAVIGATION === */
.navbar { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); z-index: 1040; margin-top: 0; border-top: none; }
.navbar-brand img { height: 50px; }
.navbar .nav-link { font-weight: 600; letter-spacing: 0.8px; text-transform: uppercase; color: var(--text-color); transition: color var(--transition-speed); font-size: 22px; }
.navbar .nav-link:hover { color: var(--secondary-color); text-shadow: 0 0 0.8em #a8a840, 0 0 0.8em #a8a840, 0 0 0.8em #a8a840; }
.navbar .nav-link:focus { color: var(--secondary-color); text-shadow: 0 0 0.8em #a8a840, 0 0 0.8em #a8a840, 0 0 0.8em #a8a840; }
.navbar .nav-link.active { color: var(--secondary-color); text-shadow: 0 0 0.8em #a8a840, 0 0 0.8em #a8a840, 0 0 0.8em #a8a840; }
.navbar .nav-link.show { color: var(--secondary-color); text-shadow: 0 0 0.8em #a8a840, 0 0 0.8em #a8a840, 0 0 0.8em #a8a840; }
.navbar .dropdown.show .nav-link { color: var(--secondary-color); text-shadow: 0 0 0.8em #a8a840, 0 0 0.8em #a8a840, 0 0 0.8em #a8a840; }
.navbar .dropdown-toggle:focus { box-shadow: none !important; outline: none !important; }
.mega-menu.show .nav-link { color: var(--secondary-color); text-shadow: 0 0 0.8em #a8a840, 0 0 0.8em #a8a840, 0 0 0.8em #a8a840; }
.nav-item { padding-left:6px; padding-right:6px;}
.navbar .dropdown-toggle::after { display: none; }
#navbarNav { display: flex; justify-content: flex-end; }
.mega-menu .dropdown-toggle[aria-expanded="true"] { color: var(--secondary-color); text-shadow: 0 0 0.8em #a8a840, 0 0 0.8em #a8a840, 0 0 0.8em #a8a840; }
.navbar .mega-menu .dropdown-toggle[aria-expanded="true"] { color: var(--secondary-color); text-shadow: 0 0 0.8em #a8a840, 0 0 0.8em #a8a840, 0 0 0.8em #a8a840; }
.navbar .mega-menu.show .dropdown-toggle { color: var(--secondary-color); text-shadow: 0 0 0.8em #a8a840, 0 0 0.8em #a8a840, 0 0 0.8em #a8a840; }
.border-left-white { border-left:1px solid white; }

/* === 9A. BREADCRUMBS === */
nav.text-white .breadcrumb,nav.text-white .breadcrumb-item,nav.text-white .breadcrumb-item.active,nav.text-white .breadcrumb-item a,nav.text-white .breadcrumb-item.active,nav.text-white .breadcrumb-item::before,nav.text-white .breadcrumb-item+.breadcrumb-item::before{color:#fff!important;fill:#fff!important;}nav.text-white .breadcrumb-item+.breadcrumb-item::before{filter:invert(1)!important;}
nav.text-white .breadcrumb-item+.breadcrumb-item::before {
   position: relative;
    top: 7px;
}
#breadcrumb-wrapper { background-color:#361C05;font-size:80%; }

/* === 10. MOBILE NAVIGATION === */
@media (max-width: 991.98px) { /* Desktop und größer (LG, XL): ab 992px */ #page-menu { display: none; position: static; height: 0; min-height: 0; max-height: 0; padding: 0; margin: 0; border: 0; } .desktop-topbar-content { display: none; } .mobile-topbar-content { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 100vw; } .mobile-left-icons { display: flex; align-items: center; gap: 10px; flex-shrink: 0; min-width: 50px; padding-left: 16px; } .mobile-right-icons { display: flex; align-items: center; gap: 10px; flex-shrink: 0; padding-right: 16px; } .navbar-toggler { display: none; } .navbar>.container { display: block; text-align: center; } #navbarNav { display: none; justify-content: unset; } #navbarNav.show { display: block; } #navbarNav .navbar-nav.d-none { display: none; } #navbarNav .navbar-nav.d-lg-flex { display: none; } #navbarNav.show .navbar-nav.d-none { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; width: 100%; margin-top: 1rem; padding: 0 1rem; margin-bottom: 1rem; } #navbarNav.show .navbar-nav.d-lg-flex { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; width: 100%; margin-top: 1rem; padding: 0 1rem; margin-bottom: 1rem; } #navbarNav.show .navbar-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; width: 100%; margin-top: 1rem; padding: 0 1rem; margin-bottom: 1rem; } .navbar-collapse { position: relative; background-color: #444; border-radius: 0 0 12px 12px; padding: 1rem 0.5rem 1.5rem 0.5rem; margin-top: 0.5rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .navbar-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; width: 100%; margin-top: 1rem; padding: 0 1rem; } .navbar-nav .nav-item { margin: 0; width: 100%; } .navbar-nav .nav-link { text-align: center; padding: 1rem 0.5rem; background-color: var(--sandbeige); border-radius: 35px; margin-bottom: 0; font-size: 1.3rem; font-weight: 700; letter-spacing: 0.5px; transition: all 0.3s ease; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .navbar-nav .nav-link:not(.mobile-menu-active) { background-color: var(--sandbeige); color: var(--text-color); border: 1px solid rgba(0, 0, 0, 0.1); transform: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } .navbar-nav .nav-link.show:not(.mobile-menu-active) { background-color: var(--sandbeige); color: var(--text-color); border: 1px solid rgba(0, 0, 0, 0.1); transform: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } .navbar-nav .nav-link.active:not(.mobile-menu-active) { background-color: var(--sandbeige); color: var(--text-color); border: 1px solid rgba(0, 0, 0, 0.1); transform: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } .navbar-nav .nav-link:hover:not(.mobile-menu-active) { background-color: var(--primary-color); color: white; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); } .navbar-nav .nav-link:focus:not(.mobile-menu-active) { background-color: var(--sandbeige); color: var(--text-color); border: 1px solid rgba(0, 0, 0, 0.1); transform: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } .navbar-nav .nav-link:active:not(.mobile-menu-active) { background-color: var(--sandbeige); color: var(--text-color); border: 1px solid rgba(0, 0, 0, 0.1); transform: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } .navbar-nav .nav-link.mobile-menu-active { background-color: var(--secondary-color); color: white; border: 1px solid var(--secondary-color); transform: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); } .navbar-nav .nav-link.mobile-menu-active:hover { background-color: var(--secondary-color); color: white; border: 1px solid var(--secondary-color); transform: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); } .navbar-nav .nav-link.mobile-menu-active:focus { background-color: var(--secondary-color); color: white; border: 1px solid var(--secondary-color); transform: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); } .navbar-nav .nav-link.mobile-menu-active:active { background-color: var(--secondary-color); color: white; border: 1px solid var(--secondary-color); transform: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); } .navbar-nav .nav-link.mobile-menu-active.show { background-color: var(--secondary-color); color: white; border: 1px solid var(--secondary-color); transform: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); } .navbar-nav .nav-link.mobile-menu-active.active { background-color: var(--secondary-color); color: white; border: 1px solid var(--secondary-color); transform: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); } }

/* === 11. MOBILE NAVIGATION PANEL === */
.mobile-nav-overlay { position: fixed; left: 0; width: 100%; background-color: rgba(43, 28, 2, 0.8); z-index: 999; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; }
.mobile-nav-overlay.active { opacity: 1; visibility: visible; }
.mobile-nav-panel { background-color: #444; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out; position: relative; z-index: 1000; }
.mobile-nav-panel.active { max-height: 800px; }
.mobile-nav-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; padding: 1rem; }
.mobile-nav-btn { background-color: white; border: 2px solid #ddd; border-radius: 25px; padding: 0.6rem; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 1rem; font-weight: 600; color: var(--text-color); transition: all 0.3s ease; cursor: pointer; }
.mobile-nav-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); border-color: var(--primary-color); }
.mobile-nav-btn.active { background-color: var(--primary-color); border-color: var(--primary-color); color: white; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(121, 173, 75, 0.3); }
.mobile-nav-btn i { font-size: 1.8rem; margin-bottom: 0.5rem; }
.mobile-submenu-area { background-color: var(--olivgrau); max-height: 100%; overflow: hidden; transition: max-height 0.3s ease-out; }
.mobile-submenu-content { display: none; padding: 1.5rem; animation: fadeInUp 0.3s ease-out; }
.mobile-submenu-content.active { display: block; }
.submenu-title { color: var(--secondary-color); margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 2px solid var(--primary-color); }
@media (max-width: 575.98px) { /* MOBILE: 0–575.98px */ .mobile-nav-grid { gap: 0.75rem; padding: 0.75rem; } .mobile-nav-btn { font-size: 1.3rem; } .mobile-nav-btn i { font-size: 1.6rem; } }

/* === 12. MEGA MENÜ === */
.mega-menu { position: static; }
.mega-menu .dropdown-menu { position: absolute; top: 76px; left: -15px; right: -15px; width: auto; margin: 0; padding-bottom: 20px; border: none; border-radius: 0; background-color: rgba(68, 68, 68, 0.75); backdrop-filter: blur(5px); box-shadow: var(--box-shadow-hover); z-index: 1050; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; display: block; opacity: 1; visibility: hidden; max-height: 0; overflow: hidden; transition: opacity 0.35s cubic-bezier(0.25, 1, 0.5, 1), transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), max-height 0.5s ease; transform: translateY(15px); }
.mega-menu .dropdown-menu.show { opacity: 1; visibility: visible; max-height: calc(100vh - 120px); display: block; overflow-y: auto; overflow-x: hidden; transition: max-height 0.5s ease, opacity 0.35s cubic-bezier(0.25, 1, 0.5, 1), transform 0.35s cubic-bezier(0.25, 1, 0.5, 1); transform: translateY(0); }
.mega-menu .dropdown-toggle[aria-expanded="true"] { color: var(--secondary-color); text-shadow: 0 0 0.8em #a8a840, 0 0 0.8em #a8a840, 0 0 0.8em #a8a840; }
.mega-menu-content { padding: 0.3rem 15px 0 15px; padding-top: 1rem; max-width: 1200px; margin: 0 auto; opacity: 1; transform: none; transition: none; }
.mega-menu-header { font-size: 1rem; font-weight: 700; color: var(--secondary-color); text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 2px solid var(--secondary-color); padding: 1rem 1rem 0.5rem 1rem; min-height: 3rem; display: block; text-align: center; line-height: 1.2; margin-bottom: 0.5rem; }
.mega-menu-header i { margin-right: 0.5rem; vertical-align: baseline; line-height: 1; display: inline; }
.mega-menu-link { color: var(--secondary-color); text-decoration: none; padding: 0.5rem 0.75rem; display: block; font-size: 0.95rem; font-weight: 500; transition: all 0.2s ease; border-left: 3px solid transparent; line-height: 1.2; border-radius: 4px; margin-bottom: 2px; }
.mega-menu-link:hover { color: var(--secondary-color); background-color: var(--sandbeige); border-left-color: var(--secondary-color); text-decoration: none; transform: translateX(3px); }
.mega-menu .card { border: 2px solid #e9ecef; transition: all var(--transition-speed) ease; background-color: rgba(255, 255, 255, 0.9); }
.mega-menu .card:hover { transform: translateY(-1px); box-shadow: 0 10px 32px rgba(210, 180, 140, 0.6); }
.mega-menu .dropdown-menu { will-change: max-height; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
@media (max-width: 1199.98px) { /* ALLE GERÄTE BIS UNTER XL: 0–1199.98px (Mobile, Tablets, kleine & mittlere Desktops) */ .mega-menu .dropdown-menu { left: 10px; right: 10px; } .mega-menu .dropdown-menu.show { max-height: calc(100vh - 140px); } .mega-menu-content { padding: 0.5rem 10px; } .mega-menu-header { font-size: 0.95rem; padding: 0.8rem 0.8rem 0.4rem 0.8rem; } .mega-menu-link { font-size: 0.9rem; padding: 0.4rem 0.6rem; } .mega-menu-header i { display: none; } }
* Anfangszustand: Links unsichtbar + leicht versetzt */
.mega-menu .dropdown-menu .mega-menu-link { opacity: 0; transform: translateY(10px);  transition: opacity 0.3s ease, transform 0.3s ease; }
/* Sichtbar + Animation mit Verzögerung */
.mega-menu .dropdown-menu.show .mega-menu-link { opacity: 1;   transform: translateY(0); }
/* Staggered Effekt per nth-child */
.mega-menu .dropdown-menu.show .mega-menu-link:nth-child(1) { transition-delay: 0.05s; }
.mega-menu .dropdown-menu.show .mega-menu-link:nth-child(2) { transition-delay: 0.1s; }
.mega-menu .dropdown-menu.show .mega-menu-link:nth-child(3) { transition-delay: 0.15s; }
.mega-menu .dropdown-menu.show .mega-menu-link:nth-child(4) { transition-delay: 0.2s; }
.mega-menu .dropdown-menu.show .mega-menu-link:nth-child(5) { transition-delay: 0.25s; }
.mega-menu .dropdown-menu.show .mega-menu-link:nth-child(6) { transition-delay: 0.3s; }
.mega-menu .dropdown-menu.show .mega-menu-link:nth-child(7) { transition-delay: 0.35s; }
.mega-menu .dropdown-menu.show .mega-menu-link:nth-child(8) { transition-delay: 0.4s; }

/* === 12A. ÜBERSCHRIFTEN === */
#ueberschrift { color: #FFF; }
#header-overlay { background: rgba(46, 24, 2, 0.3); backdrop-filter: blur(1px); }
.header-language { text-transform: uppercase; font-size: 0.85rem; letter-spacing: 1px; color: #555; background: none; border-bottom: 2px solid #ccc; padding-bottom: 0.25rem; margin-top: 2rem; display: flex; align-items: center; gap: 0.5rem; }

/* === 12B. FORMULARE === */
input:focus { outline: none; box-shadow: 0 0 0 2px var(--primary-color); border-color: var(--primary-color); }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  box-shadow: 0 0 0px 1000px white inset !important;
  -webkit-text-fill-color: #000 !important;
  caret-color: auto;
  transition: background-color 5000s ease-in-out 0s;
  border: 1px solid #ccc !important;
}
.form-check-input[type="radio"] {
  -webkit-appearance: none; /* Standard-Look von Browsern entfernen */
  appearance: none;
  width: 1.1em;  /* Größe anpassen */
  height: 1.1em;
  border-radius: 50%; /* Macht den Button perfekt rund */
  border: 1px solid var(--secondary-color); 
  background-color: transparent; /* Hintergrund entfernen */
  margin-top: 0.2em; /* Optional: Vertikale Ausrichtung anpassen */
  transition: all 0.2s ease-in-out;
}
/* Macht das Label neben einem ausgewählten Radio-Button fett */
.form-check-input:checked + .form-check-label {
  font-weight: bold;
  background-color: var(--primary-color);
  color: #FFF;
  padding: 3px 8px;
  border-radius:12px;
}
.form-check-input:hover + .form-check-label {
  cursor:pointer;
  font-weight: bold;
}
.form-check-input:not(:checked) + .form-check-label { margin-left:8px;}
.form-check-input { accent-color: var(--secondary-color); border-color: var(--secondary-color);}
.form-check-input:checked { background-color: var(--primary-color); border-color: var(--primary-color); background-image: none;margin-top:7px;}
.form-check-input:focus { border-color: var(--secondary-color); border-color: var(--secondary-color); box-shadow: 0 0 0 0.25rem rgba(var(--secondary-color-rgb), 0.25); }
.form-check-input:hover { background-color: var(--secondary-color); border-color: var(--secondary-color); }
.form-check-input:indeterminate { background-color: var(--secondary-color); border-color: var(--secondary-color); }
.input-group-rounded {
  border-radius: 12px; 
  overflow: hidden; 
}

/* === 12C. SHOP PREIS CARDS === */
.product-card { border-radius: 25px;}
.preis_card_main_ganz { font-weight:bold; font-size:20px; }
.preis_card_main_dezimal { font-weight:bold; font-size:17px; }
.preis_card_uvp { font-weight:bold; font-size:12px; color:#777;}
.preis_card_main_waehrungssymbol { font-weight:bold; font-size:17px; }
/* Tooltip Fix: Verhindert, dass der Tooltip von der Card abgeschnitten wird. */
.card-footer {  position: relative; overflow: visible; }
.shop-marke { text-transform: uppercase; font-size:13px; color:#777; }
.favorite-heart { transition: all 0.3s ease; }
.favorite-heart:hover { transform: scale(1.1); background: rgba(255,255,255,1) !important; }
.favorite-heart.animate-add { animation: heartAdd 0.6s ease-in-out; }
.favorite-heart.animate-remove { animation: heartRemove 0.4s ease-in-out; }
@keyframes heartAdd { 0% { transform: scale(1); } 50% { transform: scale(1.3); background: #dc3545; } 100% { transform: scale(1); } }
@keyframes heartRemove { 0% { transform: scale(1); } 50% { transform: scale(0.8); } 100% { transform: scale(1); } }
.heart-filled { color: #dc3545 !important; }
.heart-empty { color: #6c757d !important; }

/* === 13. BUTTONS === */
.btn { text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); cursor: pointer; white-space: nowrap; padding: 8px 25px; font-size: 14px; line-height: 30px; font-weight: 600; transition: all var(--transition-speed); }
.btn-sm { padding: .25rem .5rem; font-size: 70%; line-height: 1.5; }
.btn-md { padding: .5rem .9rem; font-size: 85%; line-height: 1.5; }
.btn-lg { padding: .5rem .9rem; font-size: 110%; line-height: 1.5; }
.btn-primary-custom { background-color: var(--primary-color); border-color: var(--primary-color); border-radius: 25px; font-weight: 500; color: white; text-decoration: none; }
.btn-primary-custom:hover { background-color: #444; border-color: #444; transform: translateY(-2px); color: white; text-decoration: none; }
.btn-secondary-custom { background-color: var(--secondary-color); border-color: var(--secondary-color); border-radius: 25px; font-weight: 500; color: white; text-decoration: none; }
.btn-secondary-custom:hover { background-color: #444; border-color: #444; transform: translateY(-2px); color: white; text-decoration: none; }
.btn-primary-color { background-color: var(--primary-color); }
.btn-primary-color:hover { background-color: var(--primary-color); }
.btn-secondary-color { background-color: var(--secondary-color); }
.btn-secondary-color:hover { background-color: #444; border-color: #444; transform: translateY(-2px); color: white; text-decoration: none; }
.btn-rounded { border-radius: 25px; }
.btn-outline-primary { color: var(--secondary-color); border-color: var(--secondary-color); background-color: transparent; }
.btn-outline-primary:hover { background-color: #444; border-color: #444; transform: translateY(-2px); color: white; }
.btn-outline-white { color: #ffffff; border-color: #ffffff; background-color: transparent; }
.btn-outline-white:hover { color: #000000; background-color: #ffffff; border-color: #ffffff; }
.btn-xs { font-size: 0.79rem; font-weight: 100; line-height: 1.4; }
.btn-loading { pointer-events: none; opacity: 0.7; }
.btn-shop-product { color: white; }
.btn-shop-product:hover { background-color: var(--secondary-color); border-color: var(--secondary-color-rgb); transform: translateY(-1px); color: white; }
.btn-nav-shop { margin-bottom: 5px; }
.text-nav-shop { text-transform: uppercase; }
.nav-link-shop { background-color: var(--primary-color); color: white; padding: 12px 20px; border-radius: 5px; margin-right: 15px; text-align: center; }
.nav-link-shop:hover { background-color: #6a9540; color: white; }
.nav-link-shop small { font-weight: 300; font-size: 11px; display: block; margin-top: -2px; }
#scrollToTop { transition: all var(--transition-speed) ease; box-shadow: var(--box-shadow); }
#scrollToTop:hover { transform: translateY(-2px); box-shadow: var(--box-shadow-hover); }
#portfolio-filter .btn-filter-outline { background-color: var(--primary-color); border-color: var(--primary-color); color: white; }
#portfolio-filter .btn-filter-outline:hover { color: white !important; background-color: var(--secondary-color); border-color: var(--secondary-color); transform: none !important; }
#portfolio-filter .btn-outline-primary:hover { transform: none !important; background-color: var(--secondary-color); border-color: var(--secondary-color); color: white; }
#portfolio-shuffle { color: var(--text-color); border-color: var(--olivgrau); background-color: var(--olivgrau); }
#portfolio-shuffle:hover { background-color: var(--steingrau); border-color: var(--steingrau); color: var(--text-color); transform: rotate(180deg) !important; }
/* === BUTTON-VARIANTEN FÜR VIDEO-TABS === */
.btn-tab-sandbeige { background-color: var(--sandbeige); color: var(--text-color); border: none !important; font-size: 0.85rem; margin: 0 0.25rem; border-radius: 25px !important; }
.btn-tab-sandbeige:hover { background-color: var(--primary-color); color: white; border: none !important; transform: translateY(-2px); }
.btn-tab-sandbeige.active { background-color: var(--primary-color) !important; border: none !important; color: white; transform: translateY(-1px);}
.btn-tab-sandbeige.active:hover { background-color: var(--primary-color); color: white; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(121, 173, 75, 0.4); }
.btn-fs-90pr { font-size: 90% !important; }

/* === 14. HERO BEREICH === */
.hero-section { position: relative; height: 100vh; min-height: 700px; overflow: hidden; display: flex; align-items: center; }
.hero-video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1; transform: translateX(-50%) translateY(-50%); object-fit: cover; }
.hero-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 1; }
.hero-content { position: relative; z-index: 2; color: white; }
.hero-title { font-size: clamp(2.5rem, 6vw, 4.5rem); font-weight: 800; text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7); line-height: 1.1; }
.hero-subtitle { font-size: clamp(1.5rem, 4vw, 3rem); font-weight: 300; margin-bottom: 2rem; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7); }
.scroll-indicator { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); color: white; font-size: 2rem; animation: bounce 2s infinite; z-index: 2; text-decoration: none; }
.scroll-indicator:hover { color: white; }


/* === 14A. SHOP CHOOOSE COUNTRY: SHOP HERO ERGÄNZUNGEN === */
.hero-shop-type { height: 500px; min-height: 400px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.hero-shop-type .hero-overlay { background: rgba(50, 40, 3, 0.4); }
.hero-shop-content { text-align: center; color: white; }
.hero-shop-textbox { background: rgba(50, 40, 3, 0.4); border-radius: 20px; padding: 30px; max-width: 600px; margin: 0 auto; }
.hero-shop-content h1 { color: #fff; font-size: 2.5rem; margin-bottom: 1rem; text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7); text-transform: uppercase; line-height:normal;}
.hero-shop-content h2 { color: #fff; font-size: 1.5rem; text-shadow: 2px 2px 2px rgba(0,0,0,0.7); margin: 0; font-weight: 300; }
@media (max-width: 768px) { .hero-shop-type { display: none !important; } }
@media (max-width: 991.98px) { .hero-shop-content h1 { font-size: 1.8rem; } .hero-shop-content h2 { font-size: 1.2rem; } .hero-shop-textbox { padding: 20px; margin: 0 15px; } }
/* === SHOP CHOOSE-COUNTRY: NACH OBEN BUTTONS === */
.continent-back-to-top { background-color: var(--primary-color); color: white; border: none; padding: 6px 12px; border-radius: 25px; font-size: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s ease; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; margin-top:-5px; }
.continent-back-to-top:hover { background-color: var(--secondary-color); color: white; text-decoration: none; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(121, 173, 75, 0.3); }
.continent-back-to-top-small { background-color: var(--sandbeige); color: #111; border: none; padding: 8px 16px; border-radius: 20px; font-size: 12px; font-weight: 500; transition: all 0.3s ease; cursor: pointer; text-decoration: none; }
.continent-back-to-top-small:hover { background-color: var(--secondary-color); color: white; text-decoration: none; transform: translateY(-1px); }
.continent-back-to-top i { font-size: 16px; }
.highlight-flash { animation: highlightPulse 2s ease-in-out; }


/* === 14B. CONTENT === */
#main-content > div:first-of-type { padding-top: 50px; padding-bottom: 50px; }


/* === 14C. COUNTDOWN === */
#countdown-offer .countdown-number { font-size: 2rem; font-weight: bold; }
#countdown-offer .countdown-label { font-size: 1rem; font-weight: normal; margin-top: 0.2em; }


/* === 14D.ACCORDION STYLES === */
.accordion { border-radius: var(--border-radius); overflow: hidden; box-shadow: var(--box-shadow); }
.accordion-item { border: none; background-color: transparent; }
.accordion-item:not(:first-of-type) { border-top: 1px solid rgba(0, 0, 0, 0.1); }
.accordion-button { background-color: var(--sandbeige); color: var(--kernoelbraun); border: none; padding: 1.2rem 1.5rem; font-weight: 600; font-size: 1.1rem; transition: all var(--transition-speed) ease; position: relative; text-transform: uppercase; letter-spacing: 0.5px; }
.accordion-button:hover { background-color: var(--olivgrau); color: var(--sandbeige); transform: none; }
.accordion-button:not(.collapsed) { background-color: var(--primary-color); color: var(--kernoelbraun); box-shadow: none; }
.accordion-button:not(.collapsed):hover { background-color: var(--secondary-color);color: var(--salbeigruen); }
.accordion-button:not(.collapsed)::after { transform: rotate(180deg); }
/* Fokus differenzieren */
.accordion-button:focus { color: var(--kernoelbraun);   outline: none; }
.accordion-button.collapsed:focus {  color: var(--kernoelbraun);   outline: none; }
.accordion-button::after { background-image: none; content: '\f282'; font-family: "bootstrap-icons"; font-size: 1.2rem; transition: transform var(--transition-speed) ease; color: currentColor; }
.accordion-body { background-color: white; padding: 1.5rem; border-top: 2px solid var(--primary-color); font-size: 1rem; line-height: 1.6; }
#gutscheinAccordion .accordion-button { background: linear-gradient(135deg, var(--sandbeige) 0%, var(--champagner) 100%); border-left: 4px solid var(--primary-color); }
#gutscheinAccordion .accordion-button:not(.collapsed) { background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%); border-left: 4px solid var(--kernoelbraun); }
#gutscheinAccordion .accordion-body { background: linear-gradient(180deg, white 0%, var(--sandbeige) 100%); text-align: center; }
.accordion-collapse { transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); }
@media (max-width: 768px) { .accordion-button { padding: 1rem; font-size: 1rem; } .accordion-body { padding: 1rem; } }
.accordion-item:hover .accordion-button.collapsed { background-color: var(--olivgrau); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }


/* === 14E. MODAL === */
.modal-header { background-color: var(--primary-color); }
.btn-close-white {   filter: invert(1) grayscale(100%) brightness(200%);  }
.modal-header .btn-close {  margin-top: 0;  margin-bottom: 0;  /* Behalte margin-left: auto; bei, um es rechts auszurichten */ padding-right:1rem;}
.modal-header {  padding-top: 1rem;  padding-bottom: 1rem;  display: flex; align-items: flex-start; justify-content: space-between; }
.modal-title {  align-self: flex-start; }

/* === 14F. TABS === */
.tab-container { border-bottom: 1px solid #ccc; display: flex; gap: 1rem; margin-bottom: 1rem; }
.tab-button { padding: 0.5rem 1rem; background-color: #f0f0f0; border: 1px solid #ccc; cursor: pointer; transition: background-color 0.3s ease; }
.tab-button.active { background-color: var(--secondary-color); color: white; border-color: var(--secondary-color); }
.tab-content.active { display: block; }
.nav-link { color:#222 }
.nav-link:hover { color: var(--secondary-color) }


/* === 14G. SHOP === */
.product-image-container {  position: relative;   width: 100%;  aspect-ratio: 1 / 1;   overflow: hidden; }
.product-image-container .card-img {  position: absolute;  top: 0;   left: 0;   width: 100%;  height: 100%;   object-fit: cover; border-top-left-radius: 25px;border-top-right-radius: 25px;}
.artikelnummer-badge { position: absolute; bottom: 5px; right: 6px; font-size: 0.65em; color: rgba(0,0,0,0.7); background: rgba(255,255,255,0.4); padding: 1px 4px; border-radius: 4px;}

/* Die sticky Navigation bekommt die Scrollbar */
#sticky-nav { max-height: 100vh; overflow-y: auto; background: white; z-index: 100; }
/* Schönere Scrollbar (optional) */
#sticky-nav::-webkit-scrollbar { width: 9px; }
#sticky-nav::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 50px; }
#sticky-nav::-webkit-scrollbar-thumb { background: var(--secondary-color); border-radius: 50px; }
#sticky-nav::-webkit-scrollbar-thumb:hover { background: #a8a8a8; }
/* Responsive: Auf mobilen Geräten deaktivieren */
@media (max-width: 768px) { #sticky-nav { position: relative !important; max-height: none !important; } }


/* === 15. KARTEN & FEATURE BOXEN === */
.feature-card { transition: transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease; border: none; overflow: hidden; border-radius: 25px; box-shadow: var(--box-shadow); }
.feature-card:hover { transform: translateY(-1px); box-shadow: var(--box-shadow-hover); }
.feature-card .card-body { background-color: var(--sandbeige); }
.feature-card img { height: 250px; object-fit: cover; }
.modal-feature-card {   display: flex;   flex-direction: column;   justify-content: center; }
.language-card { position: relative; }
.language-card h5 {font-size: 1.12rem;}
.language-card:hover .hover-hello {   opacity: 1; }
[id^="kuerbiskernoel-"] { transition: opacity 0.2s ease-in-out; }
[id^="kuerbiskernoel-"].is-hidden { opacity: 0; }
.hover-hello { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 85%; display: flex; align-items: center; justify-content: center; gap: 0.5rem; opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; }
.hover-hello.is-visible { opacity: 1; pointer-events: auto; }
.product-category-card { transition: all var(--transition-speed) ease; cursor: pointer; border-radius: var(--border-radius); overflow: hidden; border: none; }
.product-category-card:hover { transform: translateY(-1px); box-shadow: var(--box-shadow); }
.product-category-card img { height: 230px; object-fit: cover; }
.card-title { font-size: 1.2rem; line-height: 1.5; margin: 0 0 30px 0; font-family: 'Raleway', sans-serif; }
.card-text { font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 0.9em; color: #222; text-transform: none; }
.feature-box:hover .fbox-desc { background-color: #EDE2CD; }
.feature-box:hover .fbox-desc p { font-size: 1.2em; }
.hoverkachel { transition: background-color var(--transition-speed) ease; }
.hoverkachel:hover { background-color: #EAD8BD; }
.feature-box.media-box.fbox-bg .fbox-desc { border: none; }
.card-hover-pumpkin { transition: all 0.3s ease; border: 2px solid transparent;}
.card-hover-pumpkin:hover { transform: translateY(-1px); box-shadow: 0 10px 25px rgba(32, 58, 29, 0.3); background-color: var(--sandbeige); }
.continent-card { border: 1px solid #dee2e6; border-radius: var(--border-radius); min-height: 140px; transition: all 0.1s ease-in-out; text-decoration: none; color: inherit; }
.continent-card:hover { transform: translateY(-1px); box-shadow: 0 10px 25px rgba(32, 58, 29, 0.3); background-color: var(--sandbeige); color: inherit; text-decoration: none; }
.country-item { cursor: pointer; padding: 0.5rem; border-radius: var(--border-radius); transition: background-color 0.12s ease-in-out; text-decoration: none; color: inherit; }
.country-item:hover { transform: translateY(-1px); box-shadow: 0 5px 12px rgba(32, 58, 29, 0.3); background-color: var(--sandbeige); color: var(--secondary-color); font-weight:bold; text-decoration: none; }
.flag-sprite { width: 20px; height: 15px; display: inline-block; background-size: cover; margin-right: 8px; margin-top: 2px; vertical-align: top; }
.shadow-7 { box-shadow: 5px 0px 15px -5px rgba(0,0,0,0.7) !important; }
.shadow-7:hover { box-shadow: 0 10px 20px rgba(32, 58, 29, 0.7); !important; }




/* === 15A. FEATURE ICONS === */
.feature-icon { width: 80px; height: 80px; border-radius: 50%; background-color: var(--secondary-color); display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; transition: all 0.3s ease; }
.feature-icon:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(32, 58, 29, 0.3); }
.feature-icon i { font-size: 2rem; color: white; }
.feature-box { text-align: center; padding: 2rem 1rem; transition: all 0.3s ease; border-radius: 10px; }
.feature-box:hover { background-color: var(--sandbeige); }
.feature-box h3 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; color: #333; }
.feature-box .subtitle { display: block; font-size: 0.875rem; font-weight: 400; color: #666; margin-top: 0.5rem; }
.feature-box a { text-decoration: none; color: inherit; }
.feature-box a:hover { color: inherit; }
#section-icons { padding: 4rem 0; background-color: #f8f9fa; }
.pumpkin-icon { vertical-align: middle; margin-right: 0.3em; }

/* === 15B. TESTIMONIAL CAROUSEL === */
.testimonial-carousel { padding: 3rem 0; }
.testimonial-item { padding: 2rem; background: rgba(255,255,255,0.9); border-radius: 15px; margin: 0 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
.testimonial-content { font-size: 1.1rem; line-height: 1.6; font-style: italic; margin-bottom: 1.5rem; }
.testimonial-author { font-weight: 600; color: #203a1d; }
.section-title { font-size: 2rem; text-transform: uppercase; font-weight: bold; margin-bottom: 1rem; }
.section-subtitle { font-size: 4rem; }
.carousel-control-prev, .carousel-control-next { width: 50px; height: 50px; background-color: rgba(32, 58, 29, 0.8); border-radius: 50%; top: 50%; transform: translateY(-50%); }
.carousel-control-prev:hover, .carousel-control-next:hover { background-color: #203a1d; }
.carousel-indicators [data-bs-target] { width: 12px; height: 12px; border-radius: 50%; background-color: rgba(32, 58, 29, 0.5); border: none; }
.carousel-indicators .active { background-color: #203a1d; }

/* === 15C. NEWSLETTER === */
.newsletter-section { padding: 4rem 0; }
.newsletter-title { font-size: 2.2rem; font-weight: 700; color: var(--secondary-color); margin-bottom: 2rem; }
.newsletter-btn { padding: 1rem 3rem; font-size: 1.2rem; font-weight: 600; var(--secondary-color); border-color: #203a1d; transition: all 0.3s ease; }
.newsletter-btn:hover { background-color: #1a2f18; border-color: #1a2f18; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(32, 58, 29, 0.3); }
.newsletter-benefits { font-size: 1.1rem; color: #333; }
.newsletter-benefits ul { list-style: none; padding-left: 0; }
.newsletter-benefits li { padding: 0.5rem 0; position: relative; padding-left: 2rem; }
@media (max-width: 768px) { .newsletter-title { font-size: 1.8rem; } .newsletter-section { padding: 2.5rem 0; } .newsletter-btn { font-size: 1.1rem; padding: 0.8rem 2rem; } }
ul.list-newsletter-benefits { list-style-type: none; list-style: none; padding-left: 0; margin-left: 0; }
ul.list-newsletter-benefits li { list-style-type: none; list-style: none; padding-left: 0; margin-left: 0; }

/* === 16. INFO BOXEN & SEKTIONEN === */
.info-box { background-color: white; border: 1px solid #e5e5e5; border-radius: var(--border-radius); padding: 1.5rem; margin: 1rem; transition: all var(--transition-speed) ease; height: 100%; }
.info-box:hover { transform: translateY(-3px); box-shadow: var(--box-shadow); }
.info-box .rubrik { text-transform: uppercase; font-weight: 700; color: var(--primary-color); font-size: 0.9rem; }
.info-box h3 { font-size: 1.3rem; margin-bottom: 1rem; padding-left: 8px; }
.info-box img { border-radius: var(--border-radius); }

/* === 17. VIDEO BEREICH === */
.video-thumbnail { position: relative; cursor: pointer; overflow: hidden; border-radius: var(--border-radius); }
.video-thumbnail img { width: 100%; height: auto; transition: transform var(--transition-speed); }
.video-thumbnail:hover img { transform: scale(1.05); }
.play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 4rem; color: white; text-shadow: 0 0 20px rgba(0, 0, 0, 0.8); transition: transform var(--transition-speed); }
.video-thumbnail:hover .play-icon { transform: translate(-50%, -50%) scale(1.1); }

/* === 18. NEWS TICKER === */
.ticker-container { width: 100%; overflow: hidden; background: #333; color: white; padding: 10px 0; white-space: nowrap; border-bottom: 1px solid #aaa; }
.ticker-content { display: inline-block; color: #333; padding-left: 100%; animation: ticker 110s linear infinite; white-space: nowrap; width: max-content; }
.ticker-content span { margin-right: 150px; }
.ticker-content:hover { animation-play-state: paused; }

/* === 19. FAQ BEREICH === */
.faq-section { background-color: #333; color: white; }
.faq-list { list-style: none; padding: 0; }
.faq-list li { margin-bottom: 0.8rem; padding-left: 0; }
.faq-list a { color: white; text-decoration: none; transition: opacity var(--transition-speed); }
.faq-list a:hover { opacity: 0.8; color: white; }

/* === 20. FUSSZEILE === */
footer { background-color: var(--dark-color); color: #f5dac8; }
footer h5 { color: #ddd; margin-bottom: 1rem; }
footer a { color: #f5dac8; text-decoration: none; transition: opacity var(--transition-speed); }
footer a:hover { opacity: 0.8; color: #f5dac8; }
footer address { font-style: normal; line-height: 1.4; }
.footer-logo { max-height: 60px; margin-bottom: 1rem; }
.social-icon { display: inline-block; margin-right: 0.5rem; }
#footer-legal a { color: #f5dac8 !important; }
.list-footer { list-style: none; padding-left: 0; margin: 0; }
.list-footer li { margin-bottom:10px; display: flex; align-items: flex-start; }
.list-footer li:last-child {  margin-bottom: 0; }
.list-footer a { display: flex; align-items: flex-start; } 
.list-footer li .bi { flex-shrink: 0; }
.list-footer img { vertical-align: middle; position: relative; top: 6px; }
#footer-stats h6 { background-color: var(--primary-color) }



/* === 21. ALERT BOXEN === */
.alert-primary { --bs-alert-color: #084298; --bs-alert-bg: #cff4fc; --bs-alert-border-color: #b6effb; }
.alert-secondary { --bs-alert-color: #41464b; --bs-alert-bg: #e2e3e5; --bs-alert-border-color: #d3d6d8; }
.alert-success { --bs-alert-color: #0f5132; --bs-alert-bg: #d1e7dd; --bs-alert-border-color: #badbcc; }
.alert-danger { --bs-alert-color: #842029; --bs-alert-bg: #f8d7da; --bs-alert-border-color: #f5c2c7; }
.alert-warning { --bs-alert-color: #664d03; --bs-alert-bg: #fff3cd; --bs-alert-border-color: #ffecb5; }
.alert-info { --bs-alert-color: #055160; --bs-alert-bg: #d1ecf1; --bs-alert-border-color: #bee5eb; }
.alert-light { --bs-alert-color: #636464; --bs-alert-bg: #fefefe; --bs-alert-border-color: #fdfdfe; }
.alert-dark { --bs-alert-color: #141619; --bs-alert-bg: #d3d3d4; --bs-alert-border-color: #c6c8ca; }

/* === 22. WARTUNGSSEITEN === */
.wartungshinweis { background: url('https://www.kuerbiskernoel.cc/assets/images/blog/under_construction_pumpkin(5)-600w.jpg') no-repeat center center; background-size: cover; padding: 40px 60px; display: flex; justify-content: center; min-height: 500px; border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); overflow: hidden; }
.wartungshinweis-container { background: rgba(255, 255, 255, 0.7); border-radius: var(--border-radius); box-shadow: var(--box-shadow); padding: 50px; max-width: 350px; display: flex; align-items: center; gap: 20px; }
.wartungshinweis-container img { width: 100px; height: auto; }
.wartungshinweis-text h2 { margin-top: 0; font-size: 22px; font-weight: bold; }
.wartungshinweis-text p { margin: 6px 0; font-size: 16px; font-weight: bold; color: black; }

/* === 23. ANIMATIONEN & ÜBERGÄNGE === */
@keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translate(-50%, 0); } 40% { transform: translate(-50%, -10px); } 60% { transform: translate(-50%, -5px); } }
@keyframes ticker { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-100% - 100vw)); } }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
.animate-in { animation: fadeInUp 0.6s ease-out; }
.spin { animation: spin 1s linear infinite; }
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

/* === 24. HILFSKLASSEN === */
.bg-olivgrau { background-color: var(--olivgrau); }
.bg-olivgrau-verlauf { background: linear-gradient(180deg, #d0cabe 0%, #b3ab96 100%); }
.bg-kernoelbraun { background-color: var(--kernoelbraun); }
.color-kernoelbraun { color: var(--kernoelbraun); }
.color-primary { color: var(--primary-color); }
.color-secondary { color: var(--secondary-color); }
.color-kernoelbraun { color: var(--kernoelbraun); }
.bg-primary { background-color: var(--primary-color) !important;; }
.bg-secondary { background-color: var(--secondary-color) !important; }
.bg-sandbeige { background-color: var(--sandbeige); }
.bg-sandbeige-verlauf { background: linear-gradient(180deg, #f4efe5 0%, #cfc4ac 100%); }
.bg-salbeigruen { background-color: var(--salbeigruen); }
.bg-cremeorange { background-color: var(--cremeorange); }
.bg-champagner { background-color: var(--champagner); }
.bg-fff { background-color: #fff; }
.bg-eee { background-color: #EEEEEE; }
.rounded-12 { border-radius: var(--border-radius); }
.rounded-25 { border-radius: 25px; }
.toproundedborder12 { border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); }
.bottomroundedborder12 { border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); }
.black { color: #000; }
.no-underline { text-decoration: none; }
.wplink-icon { margin-right: 6px; color: #ffc107; font-size: 0.9em; }
.badge-currency { font-size:20px; }
.cart-badge { position: absolute; top: 7px; right: 1px; background: #dc3545; color: white; border-radius: 50%; width: 18px; height: 18px; font-size: 10px; display: flex; align-items: center; justify-content: center; }
.cart-badge-desktop { position: absolute; top: 3px; right: -2px; background: #dc3545; color: white; border-radius: 50%; width: 18px; height: 18px; font-size: 10px; display: flex; align-items: center; justify-content: center; }
.offcanvas { transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1); will-change: transform; }
.offcanvas.offcanvas-end { transform: translateX(100%); }
.offcanvas.show { transform: none; }
.offcanvas.showing { transform: none; }
.offcanvas.show:not(.hiding) { transform: none; }
.offcanvas.hiding { transform: translateX(100%); }
.offcanvas-header { background-color: var(--secondary-color); color: white; }
.cart-item { border-bottom: 1px solid #eee; padding: 15px 0; }
.cart-item:last-child { border-bottom: none; }
.cart-item:nth-child(even) { background-color: rgba(0,0,0,0.05); }
.cart-total { background-color: var(--sandbeige); padding: 20px;}
.z-1100 { z-index: 1100; }
#feature-masonry { column-count: 3; column-gap: 1.5rem; }
@media (max-width: 992px) { /* ALLE GERÄTE BIS 992px (Mobile, Tablets, kleine Desktops): 0–992px */ #feature-masonry { column-count: 2; } }
@media (max-width: 575.98px) { /* MOBILE: 0–575.98px */ #feature-masonry { column-count: 1; } }

/* === 25. RESPONSIVE DESIGN === */
@media (max-width: 1199.98px) { /* ALLE GERÄTE UNTER XL: 0–1199.98px (Mobile, Tablets, kleine & mittlere Desktops) */ .mega-menu .dropdown-menu { max-height: calc(100vh - 140px); left: 10px; right: 10px; } .mega-menu-content { padding: 0.5rem 10px; } .mega-menu-header { font-size: 0.95rem; padding: 0.8rem 0.8rem 0.4rem 0.8rem; } .mega-menu-link { font-size: 0.9rem; padding: 0.4rem 0.6rem; } .mega-menu-header i { display: none; } }
@media (max-width: 768px) { /* MOBILE + KLEINE TABLETS: 0–768px */ :root { --border-radius: 8px; } .hero-section { height: 70vh; min-height: 500px; } .hero-title { font-size: 2.5rem; } .section-subheading { font-size: 2.5rem; } .nav-link-shop { margin-right: 0; margin-bottom: 10px; } .info-box { margin: 0.5rem; } .feature-card img { height: 200px; } .product-category-card img { height: 200px; } .container { padding-left: 10px; padding-right: 10px; } .row { margin-left: -5px; margin-right: -5px; } .col-12 { padding-left: 5px; padding-right: 5px; } .bg-cremeorange { padding: 0.8rem; margin: 0.5rem 0; } .navbar-nav .nav-link { padding: 0.8rem 0.4rem; font-size: 0.85rem; } .wartungshinweis { padding: 20px 30px; } .wartungshinweis-container { padding: 30px; max-width: 300px; } }
@media (max-width: 575.98px) { /* MOBILE: 0–575.98px */ .mobile-logo-small { height: 28px; width: auto; } .mobile-logo-small img { height: 28px; width: auto; } .hero-title { font-size: clamp(2.5rem, 8vw, 6rem); } .hero-content { padding-left: 20px; } .section-subheading { font-size: 2rem; } .feature-card img { height: 180px; } .product-category-card img { height: 160px; } .mobile-seo-text { font-size: 0.9rem; } .container { padding-left: 5px; padding-right: 5px; } .row { margin-left: -2px; margin-right: -2px; } .col-12 { padding-left: 2px; padding-right: 2px; } .bg-cremeorange { padding: 0.5rem; } }
@media (min-width: 576px) and (max-width: 991.98px) { /* TABLETS: 576–991.98px */ .mobile-logo-small { height: 25px; width: auto; } .mobile-logo-small img { height: 25px; width: auto; } }

/* === 26. BARRIEREFREIHEIT & DRUCK === */
.btn:focus { outline: 2px solid var(--primary-color); outline-offset: 1px; }
.form-control:focus { outline: 2px solid var(--primary-color); outline-offset: 2px; }
.nav-link:focus:not(.dropdown-toggle) { outline: 2px solid var(--primary-color); outline-offset: 2px; }
.mega-menu .dropdown-toggle:focus { outline: none; text-shadow: none; }
.mega-menu .dropdown-toggle.show:focus { outline: 2px solid transparent; outline-offset: 2px; border-radius: 25px; text-shadow: 0 0 0.8em #a8a840, 0 0 0.8em #a8a840, 0 0 0.8em #a8a840; }
.mega-menu-link:focus { outline: 2px solid var(--primary-color); outline-offset: 2px; background-color: rgba(255, 255, 255, 0.7); color: var(--primary-color); }
.skip-link { position: absolute; top: -40px; left: 6px; background: var(--dark-color); color: white; padding: 8px; text-decoration: none; z-index: 9999; border-radius: 4px; }
.skip-link:focus { top: 6px; }
@media (prefers-contrast: high) { .mega-menu-header { border-bottom-width: 3px; } .mega-menu-link { border-left-width: 4px; } }
@media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms; animation-iteration-count: 1; transition-duration: 0.01ms; } *::before { animation-duration: 0.01ms; animation-iteration-count: 1; transition-duration: 0.01ms; } *::after { animation-duration: 0.01ms; animation-iteration-count: 1; transition-duration: 0.01ms; } .mega-menu .dropdown-menu { transition: none; } .mega-menu-link { transition: none; } .mega-menu .card { transition: none; } .btn { transition: none; } .card { transition: none; } .nav-link { transition: none; } }
@media print { .navbar { display: none; } .footer { display: none; } .btn { display: none; } .ticker-container { display: none; } .hero-section { display: none; } .video-thumbnail { display: none; } .mega-menu .dropdown-menu { display: none; } body { font-size: 12pt; line-height: 1.4; } .container { max-width: none; padding: 0; } a::after { content: " (" attr(href) ")"; font-size: 10pt; color: #666; } .page-break { page-break-before: always; } }

/* === 27. MOBILE SUBMENU STYLING === */
.mobile-submenu-content .hover-bg-light:hover { background-color: var(--sandbeige); border-left-color: var(--primary-color); transform: translateX(5px); transition: all 0.2s ease; }
.mobile-submenu-content a { transition: all 0.2s ease; border-radius: 6px; }
.mobile-submenu-content a:hover { background-color: rgba(121, 173, 75, 0.1); text-decoration: none; }
.mobile-submenu-area { background-color: var(--sandbeige); overflow: hidden; transition: max-height 0.3s ease-out; }
.mobile-submenu-area.active { max-height: calc(100vh - 250px); overflow-y: auto; }
.mobile-submenu-content { display: none; padding: 1rem; animation: fadeInUp 0.3s ease-out; scrollbar-width: thin; scrollbar-color: var(--primary-color) transparent; }
.mobile-submenu-content::-webkit-scrollbar { width: 6px; }
.mobile-submenu-content::-webkit-scrollbar-track { background: transparent; }
.mobile-submenu-content::-webkit-scrollbar-thumb { background: var(--primary-color); border-radius: 3px; }
.mobile-submenu-content.active { display: block; }
.mobile-submenu-content .bg-primary { border-left: 4px solid var(--primary-color); }
@media (max-width: 575.98px) { /* MOBILE: 0–575.98px */ .mobile-submenu-area.active { max-height: calc(100vh - 280px); } .mobile-submenu-content { padding: 1rem; height: auto; max-height: none; } .mobile-submenu-content h6 { font-size: 1rem; } .mobile-submenu-content a { padding: 0.75rem; font-size: 0.9rem; } }
@media (min-width: 576px) and (max-width: 991.98px) { /* TABLETS: 576–991.98px */ .mobile-submenu-area.active { max-height: calc(100vh - 260px); } }

/* === 28. SPRITES === */
.sprite{background:url(/assets/images/flags/1_flags_small_css_sprites.png) top left no-repeat;width:16px;height:11px}.sprite.ac{background-position:0 0;width:22px}.sprite.ad{background-position:0 -21px}.sprite.ae{background-position:0 -42px}.sprite.af{background-position:0 -63px}.sprite.ag{background-position:0 -84px}.sprite.ai{background-position:0 -105px}.sprite.al{background-position:0 -126px}.sprite.am{background-position:0 -147px}.sprite.an{background-position:0 -168px}.sprite.ao{background-position:0 -189px}.sprite.ar{background-position:0 -210px}.sprite.as{background-position:0 -231px}.sprite.at{background-position:0 -252px}.sprite.aw{background-position:0 -273px}.sprite.ax{background-position:0 -294px}.sprite.az{background-position:0 -315px}.sprite.ba{background-position:0 -336px}.sprite.bb{background-position:0 -357px}.sprite.bd{background-position:0 -378px}.sprite.be{background-position:0 -399px}.sprite.bf{background-position:0 -420px}.sprite.bg{background-position:0 -441px}.sprite.bh{background-position:0 -462px}.sprite.bi{background-position:0 -483px}.sprite.bj{background-position:0 -504px}.sprite.bm{background-position:0 -525px}.sprite.bn{background-position:0 -546px}.sprite.bo{background-position:0 -567px}.sprite.br{background-position:0 -588px}.sprite.bs{background-position:0 -609px}.sprite.bt{background-position:0 -630px}.sprite.bv{background-position:0 -651px}.sprite.bw{background-position:0 -672px}.sprite.by{background-position:0 -693px}.sprite.bz{background-position:0 -714px}.sprite.ca{background-position:0 -735px}.sprite.catalonia{background-position:0 -756px}.sprite.cd{background-position:0 -777px}.sprite.cg{background-position:0 -798px}.sprite.ch{background-position:0 -819px;width:11px}.sprite.ci{background-position:0 -840px}.sprite.ck{background-position:0 -861px}.sprite.cl{background-position:0 -882px}.sprite.cm{background-position:0 -903px}.sprite.cn{background-position:0 -924px}.sprite.co{background-position:0 -945px}.sprite.cr{background-position:0 -966px}.sprite.cs{background-position:0 -987px}.sprite.cu{background-position:0 -1008px}.sprite.cv{background-position:0 -1029px}.sprite.cx{background-position:0 -1050px}.sprite.cy{background-position:0 -1071px}.sprite.cz{background-position:0 -1092px}.sprite.de{width:15px;height:10px;background-position:0 -1133px}.sprite.dj{background-position:0 -1154px}.sprite.dk{background-position:0 -1175px}.sprite.dm{background-position:0 -1196px}.sprite.do{background-position:0 -1217px}.sprite.dz{background-position:0 -1238px}.sprite.earth{background-position:0 -1259px;width:15px;height:15px}.sprite.ec{background-position:0 -1284px}.sprite.ee{background-position:0 -1305px}.sprite.eg{background-position:0 -1326px}.sprite.eh{background-position:0 -1347px}.sprite.en{background-position:0 -1368px;width:15px;height:10px}.sprite.england{background-position:0 -1388px}.sprite.er{background-position:0 -1409px}.sprite.es{background-position:0 -1430px}.sprite.et{background-position:0 -1451px}.sprite.europeanunion{background-position:0 -1472px}.sprite.fam{background-position:0 -1493px}.sprite.fi{background-position:0 -1514px}.sprite.fj{background-position:0 -1535px}.sprite.fk{background-position:0 -1556px}.sprite.flag_de{background-position:0 -1577px;width:23px;height:15px}.sprite.flag-en,.sprite.flag-ge,.sprite.flag-rus,.sprite.flag-ua{width:15px;height:15px}.sprite.flag-en{background-position:0 -1602px}.sprite.flag-ge{background-position:0 -1627px}.sprite.flag-ua{background-position:0 -1652px}.sprite.fm{background-position:0 -1677px}.sprite.fo{background-position:0 -1698px}.sprite.fr{background-position:0 -1719px}.sprite.ga{background-position:0 -1740px}.sprite.gb{background-position:0 -1761px}.sprite.ge{background-position:0 -1782px}.sprite.gf{background-position:0 -1803px}.sprite.gg{background-position:0 -1824px}.sprite.gh{background-position:0 -1845px}.sprite.gi{background-position:0 -1866px}.sprite.gl{background-position:0 -1887px}.sprite.gm{background-position:0 -1908px}.sprite.gn{background-position:0 -1929px}.sprite.gp{background-position:0 -1950px}.sprite.gq{background-position:0 -1971px}.sprite.cf{background-position:0 -1992px}.sprite.gr{background-position:0 -2013px}.sprite.gs{background-position:0 -2034px}.sprite.flag-rus{background-position:0 -2055px}.sprite.gt{background-position:0 -2080px}.sprite.gu{background-position:0 -2101px}.sprite.gw{background-position:0 -2122px}.sprite.gy{background-position:0 -2143px}.sprite.hk{background-position:0 -2164px}.sprite.cc{background-position:0 -2185px}.sprite.hm{background-position:0 -2206px}.sprite.hn{background-position:0 -2227px}.sprite.hr{background-position:0 -2248px}.sprite.ht{background-position:0 -2269px}.sprite.hu{background-position:0 -2290px}.sprite.ic{background-position:0 -2311px}.sprite.id{background-position:0 -2332px}.sprite.ie{background-position:0 -2353px}.sprite.il{background-position:0 -2374px}.sprite.gd{background-position:0 -2395px}.sprite.in{background-position:0 -2416px}.sprite.io{background-position:0 -2437px}.sprite.iq{background-position:0 -2458px}.sprite.ir{background-position:0 -2479px}.sprite.is{background-position:0 -2500px}.sprite.it{background-position:0 -2521px}.sprite.je{background-position:0 -2542px;width:18px}.sprite.jm{background-position:0 -2563px}.sprite.jo{background-position:0 -2584px}.sprite.jp{background-position:0 -2605px}.sprite.ke{background-position:0 -2626px}.sprite.kg{background-position:0 -2647px}.sprite.kh{background-position:0 -2668px}.sprite.ki{background-position:0 -2689px}.sprite.km{background-position:0 -2710px}.sprite.kn{background-position:0 -2731px}.sprite.kp{background-position:0 -2752px}.sprite.kr{background-position:0 -2773px}.sprite.kw{background-position:0 -2794px}.sprite.ky{background-position:0 -2815px}.sprite.kz{background-position:0 -2836px}.sprite.la{background-position:0 -2857px}.sprite.lb{background-position:0 -2878px}.sprite.lc{background-position:0 -2899px}.sprite.li{background-position:0 -2920px}.sprite.lk{background-position:0 -2941px}.sprite.lr{background-position:0 -2962px}.sprite.ls{background-position:0 -2983px}.sprite.lt{background-position:0 -3004px}.sprite.lu{background-position:0 -3025px}.sprite.lv{background-position:0 -3046px}.sprite.ly{background-position:0 -3067px}.sprite.ma{background-position:0 -3088px}.sprite.mc{background-position:0 -3109px}.sprite.md{background-position:0 -3130px}.sprite.me{background-position:0 -3151px;height:12px}.sprite.mg{background-position:0 -3173px}.sprite.mh{background-position:0 -3194px}.sprite.mk{background-position:0 -3215px}.sprite.ml{background-position:0 -3236px}.sprite.mm{background-position:0 -3257px}.sprite.mn{background-position:0 -3278px}.sprite.mo{background-position:0 -3299px}.sprite.mp{background-position:0 -3320px}.sprite.mq{background-position:0 -3341px}.sprite.mr{background-position:0 -3362px}.sprite.ms{background-position:0 -3383px}.sprite.mt{background-position:0 -3404px}.sprite.mu{background-position:0 -3425px}.sprite.mv{background-position:0 -3446px}.sprite.mw{background-position:0 -3467px}.sprite.mx{background-position:0 -3488px}.sprite.my{background-position:0 -3509px}.sprite.mz{background-position:0 -3530px}.sprite.na{background-position:0 -3551px}.sprite.nc{background-position:0 -3572px}.sprite.ne{background-position:0 -3593px}.sprite.nf{background-position:0 -3614px}.sprite.ng{background-position:0 -3635px}.sprite.ni{background-position:0 -3656px}.sprite.nl{background-position:0 -3677px}.sprite.no{background-position:0 -3698px}.sprite.np{background-position:0 -3719px;width:9px}.sprite.nr{background-position:0 -3740px}.sprite.nu{background-position:0 -3761px}.sprite.nz{background-position:0 -3782px}.sprite.om{background-position:0 -3803px}.sprite.pa{background-position:0 -3824px}.sprite.pe{background-position:0 -3845px}.sprite.pf{background-position:0 -3866px}.sprite.pg{background-position:0 -3887px}.sprite.ph{background-position:0 -3908px}.sprite.pk{background-position:0 -3929px}.sprite.pl{background-position:0 -3950px}.sprite.pm{background-position:0 -3971px}.sprite.pn{background-position:0 -3992px}.sprite.pr{background-position:0 -4013px}.sprite.ps{background-position:0 -4034px}.sprite.flag_en{background-position:0 -4055px;width:26px;height:15px}.sprite.au{background-position:0 -4080px}.sprite.pt{background-position:0 -4101px}.sprite.pw{background-position:0 -4122px}.sprite.py{background-position:0 -4143px}.sprite.qa{background-position:0 -4164px}.sprite.re{background-position:0 -4185px}.sprite.ro{background-position:0 -4206px}.sprite.rs{background-position:0 -4227px}.sprite.ru{background-position:0 -4248px}.sprite.rw{background-position:0 -4269px}.sprite.sa{background-position:0 -4290px}.sprite.sb{background-position:0 -4311px}.sprite.sc{background-position:0 -4332px}.sprite.scotland{background-position:0 -4353px}.sprite.sd{background-position:0 -4374px}.sprite.se{background-position:0 -4395px}.sprite.sg{background-position:0 -4416px}.sprite.sh{background-position:0 -4437px}.sprite.si{background-position:0 -4458px}.sprite.sj{background-position:0 -4479px}.sprite.sk{background-position:0 -4500px}.sprite.sl{background-position:0 -4521px}.sprite.sm{background-position:0 -4542px}.sprite.sn{background-position:0 -4563px}.sprite.so{background-position:0 -4584px}.sprite.sr{background-position:0 -4605px}.sprite.st{background-position:0 -4626px}.sprite.sv{background-position:0 -4647px}.sprite.sx{background-position:0 -4668px;width:18px}.sprite.sy{background-position:0 -4689px}.sprite.sz{background-position:0 -4710px}.sprite.ta{background-position:0 -4731px;width:22px}.sprite.tc{background-position:0 -4752px}.sprite.td{background-position:0 -4773px}.sprite.tf{background-position:0 -4794px}.sprite.tg{background-position:0 -4815px}.sprite.th{background-position:0 -4836px}.sprite.tj{background-position:0 -4857px}.sprite.tk{background-position:0 -4878px}.sprite.tl{background-position:0 -4899px}.sprite.tm{background-position:0 -4920px}.sprite.tn{background-position:0 -4941px}.sprite.to{background-position:0 -4962px}.sprite.tr{background-position:0 -4983px}.sprite.tt{background-position:0 -5004px}.sprite.tv{background-position:0 -5025px}.sprite.tw{background-position:0 -5046px}.sprite.tz{background-position:0 -5067px}.sprite.ua{background-position:0 -5088px}.sprite.ug{background-position:0 -5109px}.sprite.um{background-position:0 -5130px}.sprite.us{background-position:0 -5151px}.sprite.uy{background-position:0 -5172px}.sprite.uz{background-position:0 -5193px}.sprite.va{background-position:0 -5214px}.sprite.vc{background-position:0 -5235px}.sprite.ve{background-position:0 -5256px}.sprite.vg{background-position:0 -5277px}