.panel-default >.panel-heading { background: #423e3f; color: #fafafa; border-radius: 0; border: none; } #cart_navi .list-cart li.active a { background: #e4e0d9; } .starsbox{border-radius: 6px;border-color: #dbdbdb;border: 1px solid;padding:20px;margin-top:20px;margin-bottom:20px;}.stars { border: none; float: left;}.stars > input { display: none; } .stars > label:before { margin: 5px; font-size: 1.25em; font-family: FontAwesome; display: inline-block; content: "\f005"; }.stars > label { color: #ddd; float: right; }.stars > input:checked ~ label,.stars:not(:checked) > label:hover,.stars:not(:checked) > label:hover ~ label { color: #FFD700; }.stars > input:checked ~ label:hover{color: #FFED85} #footer { background: #D0CEC8; }#footer-top { color: #EBEBEB; }#footer-bottom { color: #FFFFFF; }#footer .h1 { color: #FFFFFF; }#footer a:hover, #footer a:focus { color: #FFFFFF; }#footer hr { border-color: #444444; }#newsletter { background: #e4e0d9; }#newsletter .control-label, #newsletter ul li a { color: #423e3f; } #notification { background: #D0CEC8; color: #423E3F; }#notification2 { background: #D0CEC8; color: #423E3F; }#topbar { background: #FAFAFA; color: #423E3F; border-bottom: 1px solid #FAFAFA; }#header #row-cart .fa, #header #row-cart .h1 { color: #423E3F; } #navigation .navbar {border-color: #000000;background: #e4e0d9;background: -moz-linear-gradient(top, #e4e0d9 0%, #e4e0d9 50px);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e0d9), color-stop(50px,#e4e0d9));background: -webkit-linear-gradient(top, #e4e0d9 0%,#e4e0d9 50px);background: -o-linear-gradient(top, #e4e0d9 0%,#e4e0d9 50px);background: -ms-linear-gradient(top, #e4e0d9 0%,#e4e0d9 50px);background: linear-gradient(to bottom, #e4e0d9 0%,#e4e0d9 50px);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e0d9', endColorstr='#e4e0d9',GradientType=0 );}#navigation .navbar .navbar-nav > li { color: #423e3f; }#navigation .navbar .navbar-nav > li > a { color: #423e3f; }#navigation .navbar .navbar-nav li.fhmm-content a { color: #423e3f; }#navigation .navbar .navbar-nav > li > a:hover, #navigation .navbar .navbar-nav > li > a:focus, #navigation .navbar .navbar-nav > li:hover > a, #navigation .navbar .navbar-nav > .open > a, #navigation .navbar .navbar-nav > .open > a:hover, #navigation .navbar .navbar-nav > .open > a:focus, #navigation .navbar .navbar-nav > .current_page_item > a:hover, #navigation .navbar .navbar-nav > .current_page_item > a:focus, #navigation .navbar .navbar-nav > .current_page_parent > a:hover, #navigation .navbar .navbar-nav > .current_page_parent > a:focus { color: #423e3f; background-color: #d0cec8; text-shadow: none; }@media (max-width: 767px) {#navigation .navbar .navbar-toggle:hover .icon-bar, #navigation .navbar .navbar-toggle:focus .icon-bar { background-color: #e4e0d9; }#bottom-navigation { background: #d0cec8; }#bottom-navigation .col-xs-5ths a { background: #d0cec8; color: #423e3f; }#bottom-navigation .col-xs-5ths:nth-child(3n) a { background: #d0cec8; box-shadow: 0 -5px 0 0 #d0cec8;color: #423e3f; }}@media (min-width: 768px) {#navigation .dropdown-menu > .current_page_item > a, #navigation .dropdown-menu > .current_page_parent > a { color: #c01313; }#navigation .dropdown-menu > li:hover > a, #navigation .dropdown-menu > li.open > a, #navigation .dropdown-menu > li > a:hover, #navigation .dropdown-menu > li > a:focus { color: #423e3f; background-color: #d0cec8; background-image: none; }} .sub-title{ margin-top:0px;}.btn-md { margin-bottom: 5px; } body { font-family: 'Georgia', sans-serif; background: #f7f3ed; font-size:16px; }body, .thumbnail .caption { color: #423e3f; }h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Ubuntu'; font-weight: 500; color: #423e3f; }a {color: #423e3f;}.spanlink {color: #423e3f;}a:hover, a:focus, #topbar a:hover, #topbar a:focus {color: #423e3f;}::selection { color: #fff; background: #423e3f; }::-moz-selection { color: #fff; background: #423e3f; }.btn-apt { background: #423e3f; color: #ffffff; }.btn-apt:hover { background: #423e3f; color: #ffffff; }.btn-apt:focus, .btn-apt:active { background: #423e3f; color: #ffffff; }.btn-cta { background: #423e3f; color: #ffffff; }.btn-cta:hover { background: #423e3f; color: #ffffff; }.btn-cta:focus, .btn-cta:active { background: #423e3f; color: #ffffff; } #subcat > div { padding-bottom:20px;} .pagination > li > a, .pagination > li > span { color: #e4e0d9; }.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #e4e0d9; }.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { color: #fff; background-color: #e4e0d9; border-color: #ac1111; }.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999; background-color: #fcfcfc; border-color: #eee; } .products-grid .thumbnail { min-height: 700px; }.products-grid .thumbnail-gratis { min-height: 525px; } .note-green{margin-top:21px;} .note-blue{margin-top:42px;} .thumbnail-product .product-fader{ height: 1000px;} #product-filter .list-sort .active { color: #e4e0d9; }#product-filter .list-sort a:hover, #product-filter .list-sort a:focus { color: #e4e0d9; } .content-grid .thumbnail { min-height: 600px; } .panel #CatTree > li > a:hover, .panel #CatTree > li > a:focus { background: #423e3f; color: #fff; } .jumbotron { background: #000000;} .startbanner { background: rgba(255,255,255,.8) none repeat scroll 0 0; background-image: none; background-clip: border-box; border-radius: 0; bottom: 0; color: #423e3f; font-size: 14px; position: absolute; width: 100%; } .startpage-category-banner { margin: 0 auto 30px !important; } .ui-autocomplete { display: block !important; background: #fcfcfc; padding: 0; max-width: 300px; box-shadow: 0 1px 2px rgba(0,0,0,0.1); margin: -1px 0 0 1px; list-style: none; }.ui-autocomplete li { font-weight: 600; color: #333; padding: 5px 15px; }.ui-autocomplete li:hover { background: #fff; cursor: pointer; }.ui-autocomplete li.ui-menu-item { font-weight: 400; padding-left: 25px; } /* ================================================== BESTEHENDE PRODUKTREGELN ================================================== */span.formel-beschreibung { font-size: 12px; font-weight: bold; padding-bottom: 6px; padding-top: 10px; display: block;}.products.products-grid .thumbnail-product > a:first-of-type { display: inline;}.f19 { color: #ff0000; font-size: 20px;}#totalpricebox2 { padding-bottom: 15px;}#totalpricebox2 strong { color: #000000; text-decoration: none; font-size: 12px;}#totalpricebox2 del { font-size: 14px; color: #920000; font-weight: 400;}#totalpricebox2 small { font-size: 12px; color: #999999;}/* ================================================== MOBILE NAVIGATION ================================================== */@media (max-width: 767px) { #navigation .navbar .navbar-toggle { border-color: #423e3f; } #navigation .navbar .navbar-toggle .icon-bar { background-color: #423e3f; }}/* ================================================== ALLGEMEINER HEADER ================================================== */#page .alert,#page .message,#page .messages { position: relative; z-index: 2000;}.af-header-wrapper { position: relative; background-color: #ffffff; overflow: visible !important;}#header.af-main-header { position: relative; padding-top: 8px; padding-bottom: 8px; overflow: visible !important;}#header .af-header-row { position: relative; min-height: 175px; overflow: visible !important;}/* ================================================== LOGO DESKTOP ================================================== */#header #row-brand { position: absolute !important; left: 50% !important; top: 8px !important; float: none !important; width: 380px !important; max-width: 380px !important; margin: 0 !important; padding: 0 !important; text-align: center !important; transform: translateX(-50%) !important; -webkit-transform: translateX(-50%) !important; overflow: visible !important; z-index: 20 !important;}#header #row-brand .brand { display: block !important; width: 100% !important; max-width: none !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; overflow: visible !important;}/* ================================================== SUCHE LINKS ================================================== */#header #row-search { position: absolute !important; left: 0 !important; bottom: 9px !important; float: none !important; width: 41% !important; margin: 0 !important; padding-left: 15px !important; padding-right: 15px !important; z-index: 5;}/* ================================================== TRUSTED SHOPS ================================================== */#header #row-trusted { position: absolute !important; left: 44% !important; bottom: 9px !important; float: none !important; width: 10% !important; text-align: center !important;}/* ================================================== WARENKORB + SPRACHE ================================================== */#header #row-cart { position: absolute !important; right: 0 !important; bottom: 6px !important; float: none !important; width: 32% !important; margin: 0 !important; padding-left: 15px !important; padding-right: 15px !important; z-index: 5;}.af-cart-and-lang { text-align: right;}.af-cart-box { text-align: right; margin-bottom: 5px;}.af-cart-link-main { display: inline-block; color: #333333; text-decoration: none;}.af-cart-link-main:hover,.af-cart-link-main:focus { color: #333333; text-decoration: none;}.af-cart-text { margin: 0 0 2px 0 !important; font-size: 17px !important; line-height: 1.2 !important;}/* ================================================== SPRACHAUSWAHL ================================================== */.af-lang-wrapper { display: inline-block; max-width: 100%; margin-top: 5px; text-align: right;}.af-lang-label { margin-bottom: 2px; font-size: 10px; line-height: 1.4; letter-spacing: 0.8px; text-transform: uppercase; color: #666666;}.af-lang-switch { display: inline-block; margin-bottom: 2px;}.af-lang-switch .goog-te-gadget { font-size: 11px !important;}.af-lang-note { display: block; margin-top: 4px; font-size: 8px; line-height: 1.35; color: #777777;}/* ================================================== HAUPTNAVIGATION MITTIG ================================================== */#navigation .navbar { position: relative; z-index: 1000;}#navigation .navbar-nav { float: none !important; display: flex !important; flex-wrap: wrap !important; justify-content: center !important; margin-left: auto !important; margin-right: auto !important;}#navigation .navbar-nav > li { float: none !important; display: block !important;}#navigation .navbar-nav > li > a { text-align: center !important;}/* ================================================== MOBILE ================================================== */@media (max-width: 767px) { #header.af-main-header { padding-top: 8px; padding-bottom: 10px; } #header .af-header-row { min-height: 0; } #header #row-brand, #header #row-search, #header #row-trusted, #header #row-cart { position: static !important; float: none !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding-left: 15px !important; padding-right: 15px !important; transform: none !important; -webkit-transform: none !important; } /* Logo Mobile */ #header #row-brand { margin-bottom: 10px !important; text-align: center !important; } #header #row-brand .brand { width: 100% !important; max-width: none !important; } #header #row-brand .brand img, #header #row-brand img.img-responsive, #header #row-brand img, #header .af-premium-logo { display: block !important; width: 125px !important; max-width: 125px !important; min-width: 125px !important; height: auto !important; max-height: none !important; margin: 0 auto !important; } /* Suche */ #header #row-search { margin-bottom: 12px !important; } /* Warenkorb / Sprache */ #header #row-cart { text-align: center !important; } .af-cart-and-lang, .af-cart-box, .af-lang-wrapper { text-align: center !important; } /* Navigation Mobile */ #navigation .navbar-nav { display: block !important; width: 100% !important; margin: 0 !important; } #navigation .navbar-nav > li { display: block !important; float: none !important; }}/* ========================================================================== ARTE FRESCA BAUABSCHNITT 1 – PRESTIGE MEGA-MENÜ & MOBIL-AKKORDEON (Nur in Sandbox-Theme 31: "akuelles verwendetes Theme _ Kopie") ========================================================================== *//* Header darf das darunterliegende Mega-Menü niemals überlagern */.af-header-wrapper,#header.af-main-header,#header #row-cart,#header .af-lang-wrapper { z-index: 10 !important;}/* 1. Übergeordneter Navigations-Container als relativer Anker (z-index: 99999) */#navigation.af-prestige-nav-wrapper { position: relative !important; z-index: 99999 !important; overflow: visible !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important;}#navigation.af-prestige-nav-wrapper .af-prestige-navbar { position: relative !important; z-index: 99999 !important; overflow: visible !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; background: #FDFBF7 !important; border-top: 1px solid #E6D5B8 !important; border-bottom: 1px solid #D4AF37 !important; box-shadow: 0 4px 16px rgba(44, 40, 37, 0.06) !important; margin-bottom: 0 !important;}#navigation.af-prestige-nav-wrapper .container,#navigation.af-prestige-nav-wrapper .container-fluid { position: static !important; overflow: visible !important; max-height: none !important; max-width: 100% !important; box-sizing: border-box !important;}/* Desktop Navigation (>= 992px) */@media (min-width: 992px) { #wrapper #navigation, #wrapper #navigation.affix, #navigation.af-prestige-nav-wrapper, #navigation.af-prestige-nav-wrapper .af-prestige-navbar { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; left: 0 !important; right: 0 !important; box-sizing: border-box !important; overflow: visible !important; } #wrapper #navigation .container, #wrapper #navigation .container-fluid, #wrapper #navigation .navbar-collapse, #navigation.af-prestige-nav-wrapper .container, #navigation.af-prestige-nav-wrapper .container-fluid, #navigation.af-prestige-nav-wrapper .navbar-collapse { position: static !important; overflow: visible !important; max-height: none !important; display: block !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 4px !important; padding-right: 4px !important; box-sizing: border-box !important; } #navigation.af-prestige-nav-wrapper .navbar-header, #navigation.af-prestige-nav-wrapper .af-mobile-navbar-header { display: none !important; } #navigation.af-prestige-nav-wrapper ul.nav.navbar-nav, #navigation.af-prestige-nav-wrapper ul.navbar-nav.af-prestige-main-menu, #navigation .af-prestige-main-menu { display: flex !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; float: none !important; width: fit-content !important; max-width: 100% !important; box-sizing: border-box !important; margin: 0 auto !important; padding: 0 !important; position: relative !important; } #navigation.af-prestige-nav-wrapper ul.nav.navbar-nav.af-prestige-main-menu > li, #navigation .af-prestige-main-menu > li { display: block !important; float: none !important; margin: 0 !important; max-width: 100% !important; box-sizing: border-box !important; } #navigation .af-prestige-main-menu > li.af-mega-parent { position: static !important; } #navigation .af-prestige-main-menu > li.af-std-parent { position: relative !important; } /* Überschreibt style.css padding-right: 30px & .caret margin-left: 12px auf Desktop (>= 992px), damit alle 8 Hauptreiter IMMER in 1 einzigen Zeile ohne Umbruch-Lücke bleiben! */ #navigation li.dropdown:not(.fhmm-fw) a:first-of-type, #navigation.af-prestige-nav-wrapper ul.nav.navbar-nav.af-prestige-main-menu > li > a.af-main-tab-link, #navigation .af-prestige-main-menu > li > a.af-main-tab-link { font-size: clamp(10.5px, 0.92vw, 14px) !important; padding-top: 12px !important; padding-bottom: 12px !important; padding-left: clamp(4px, 0.55vw, 11px) !important; padding-right: clamp(4px, 0.55vw, 11px) !important; letter-spacing: clamp(0px, 0.03vw, 0.45px) !important; white-space: nowrap !important; } #navigation li.dropdown.fhmm-fw .caret, #navigation .af-prestige-main-menu > li > a.af-main-tab-link > b.caret { margin-left: 3px !important; } /* Auf Desktop (>= 992px) sind der mobile Top-Link und die Akkordeon-Pfeile ausgeblendet */ #navigation .af-mobile-overview-bar, #navigation .af-col-arrow, #navigation .af-main-tab-arrow { display: none !important; }}#navigation.af-prestige-nav-wrapper ul.nav.navbar-nav.af-prestige-main-menu > li > a.af-main-tab-link,#navigation .af-prestige-main-menu > li > a.af-main-tab-link { font-family: 'Cormorant', Georgia, serif !important; font-size: clamp(10.5px, 0.92vw, 14px) !important; font-weight: 700 !important; letter-spacing: clamp(0px, 0.03vw, 0.45px) !important; color: #2C2623 !important; padding-top: 12px !important; padding-bottom: 12px !important; padding-left: clamp(4px, 0.55vw, 11px) !important; padding-right: clamp(4px, 0.55vw, 11px) !important; text-align: center !important; background: transparent !important; text-shadow: none !important; transition: background-color 0.2s ease, color 0.2s ease !important; white-space: nowrap !important; box-sizing: border-box !important;}#navigation .af-prestige-main-menu > li > a.af-main-tab-link:hover,#navigation .af-prestige-main-menu > li.open > a.af-main-tab-link,#navigation .af-prestige-main-menu > li.af-desktop-hover-open > a.af-main-tab-link,#navigation .af-prestige-main-menu > li.af-touch-open > a.af-main-tab-link,#navigation .af-prestige-main-menu > li.af-mob-open > a.af-main-tab-link { background-color: #F4EBE8 !important; color: #7A5C3E !important;}#navigation .af-prestige-main-menu > li.af-outlet-tab > a.af-outlet-link { color: #8E3B3B !important; font-weight: 700 !important;}/* 2. Schwebendes Weiß/Creme-Overlay auf Desktop (>= 992px) Sitzt bündig/links vor der Kante von STOFFE und drückt den Seiteninhalt NIEMALS nach unten! */#navigation ul.dropdown-menu.af-mega-dropdown { display: none !important; position: absolute !important; top: 100% !important; left: -14px !important; right: -14px !important; width: auto !important; min-width: min(1140px, calc(100vw - 20px)) !important; max-width: calc(100vw - 16px) !important; margin: 0 !important; z-index: 100000 !important; float: none !important; background-color: #FDFBF7 !important; border: 1px solid #D4AF37 !important; border-top: 2px solid #C5A059 !important; border-radius: 0 0 6px 6px !important; box-shadow: 0 14px 35px rgba(0, 0, 0, 0.14) !important; padding: 24px 30px 22px 30px !important; box-sizing: border-box !important; text-align: left !important;}/* Kleinere Dropdowns (Maßanfertigung, Stilwelten, Vorhangstangen, Journal, Über uns) */#navigation ul.dropdown-menu.af-std-dropdown { display: none !important; position: absolute !important; top: 100% !important; left: 0 !important; right: auto !important; min-width: 275px !important; z-index: 100000 !important; float: none !important; background-color: #FDFBF7 !important; border: 1px solid #D4AF37 !important; border-top: 2px solid #C5A059 !important; border-radius: 0 0 6px 6px !important; padding: 14px 18px !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12) !important; box-sizing: border-box !important; text-align: left !important;}/* Unsichtbare 12px Hover-Brücke (::before) & Hover-Intent-Schutz NUR auf Desktop (>= 992px) */@media (min-width: 992px) { #navigation ul.dropdown-menu.af-mega-dropdown::before, #navigation ul.dropdown-menu.af-std-dropdown::before { content: "" !important; display: block !important; position: absolute !important; top: -12px !important; left: 0 !important; right: 0 !important; height: 14px !important; background: transparent !important; pointer-events: auto !important; } #navigation .af-prestige-main-menu:not(.af-hover-intent-active) > li.dropdown:hover > ul.dropdown-menu.af-mega-dropdown, #navigation .af-prestige-main-menu:not(.af-hover-intent-active) > li.dropdown:hover > ul.dropdown-menu.af-std-dropdown, #navigation .af-prestige-main-menu > li.dropdown.af-desktop-hover-open > ul.dropdown-menu.af-mega-dropdown, #navigation .af-prestige-main-menu > li.dropdown.af-desktop-hover-open > ul.dropdown-menu.af-std-dropdown, #navigation .af-prestige-main-menu > li.dropdown.open > ul.dropdown-menu.af-mega-dropdown, #navigation .af-prestige-main-menu > li.dropdown.af-touch-open > ul.dropdown-menu.af-mega-dropdown, #navigation .af-prestige-main-menu > li.dropdown.open > ul.dropdown-menu.af-std-dropdown, #navigation .af-prestige-main-menu > li.dropdown.af-touch-open > ul.dropdown-menu.af-std-dropdown { display: block !important; }}#navigation .af-mega-dropdown > li.fhmm-content { padding: 0 !important; margin: 0 !important; width: 100% !important; display: block !important; position: relative !important;}/* Keinerlei überlappendes Schließen-Element oben rechts über Spalte 5 ("NACH FARBE") und kein unterer Balken (.af-mega-footer-bar) */.af-mega-close-btn,.af-mega-footer-bar,#navigation .fhmm-content::before,#navigation .fhmm-content::after,#navigation .af-mega-col-title::before,#navigation .af-mega-col-title::after { display: none !important; content: none !important;}/* 3. Erzwungenes 5-Spalten-Nebeneinander auf Desktop (>= 992px) */#navigation .af-mega-grid-5 { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 24px !important; align-items: start !important; text-align: left !important; width: 100% !important; box-sizing: border-box !important;}#navigation .af-mega-col { display: block !important; width: 100% !important; min-width: 0 !important; float: none !important; padding: 0 12px 0 0 !important; margin: 0 !important; border-right: 1px solid #EFE6D5 !important; box-sizing: border-box !important; text-align: left !important;}#navigation .af-mega-col:last-child { border-right: none !important; padding-right: 0 !important;}/* Alle 5 Spaltenüberschriften frei, sauber lesbar in einer Reihe */#navigation .af-mega-col-title { font-family: 'Cormorant', Georgia, serif !important; font-size: 15.5px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.9px !important; color: #7A5C3E !important; border-bottom: 1px solid #D4AF37 !important; padding-bottom: 6px !important; margin: 0 0 10px 0 !important; display: block !important; text-align: left !important; line-height: 1.3 !important;}#navigation ul.af-mega-list { list-style: none !important; padding: 0 !important; margin: 0 !important; display: block !important; text-align: left !important;}#navigation ul.af-mega-list > li { display: block !important; float: none !important; margin: 0 0 6px 0 !important; padding: 0 !important; line-height: 1.45 !important; text-align: left !important; border: none !important;}/* Einheitliche Fettschrift (font-weight: 700 !important; color: #2C2623 !important) für ALLE regulären Kategorienamen der 2. Ebene in allen 5 Spalten! */#navigation ul.af-mega-list > li > a,#navigation ul.af-mega-list > li > a strong,#navigation .af-mega-highlight-link { color: #2C2623 !important; font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important; font-size: 13.5px !important; font-weight: 700 !important; line-height: 1.45 !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; padding: 1px 0 !important; background: transparent !important; text-align: left !important; transition: color 0.15s ease, transform 0.15s ease !important;}#navigation ul.af-mega-list > li > a:hover,#navigation ul.af-mega-list > li > a:focus { color: #8C6239 !important; background: transparent !important; text-decoration: none !important; transform: translateX(2px) !important;}/* AUSNAHME (3. Hierarchiestufe unter "Historische Stile:"): Biedermeier, Barock & Rokoko, Klassizismus & Empire, Jugendstil & Art Deco dürfen NICHT fett sein (font-weight: 400 !important)! */#navigation ul.af-mega-list > li.af-sub-epoch > a { font-size: 13px !important; font-weight: 400 !important; color: #5C5346 !important; padding-left: 10px !important;}.af-swatch { display: inline-block !important; width: 12px !important; height: 12px !important; border-radius: 50% !important; border: 1px solid rgba(44, 40, 37, 0.3) !important; margin-right: 8px !important; flex-shrink: 0 !important;}/* Standard-Dropdown-Einträge (ebenfalls einheitlich fett auf Ebene 2, normal auf Ebene 3) */#navigation ul.dropdown-menu.af-std-dropdown > li { display: block !important; float: none !important; margin: 0 0 4px 0 !important;}#navigation ul.dropdown-menu.af-std-dropdown > li.divider { height: 1px !important; margin: 6px 0 !important; background-color: #E6D5B8 !important;}#navigation ul.dropdown-menu.af-std-dropdown > li > a,#navigation ul.dropdown-menu.af-std-dropdown > li > a strong { color: #2C2623 !important; font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important; font-weight: 700 !important; padding: 5px 8px !important; font-size: 13.5px !important; line-height: 1.4 !important; display: block !important; border-radius: 3px !important; background: transparent !important; text-align: left !important;}#navigation ul.dropdown-menu.af-std-dropdown > li.af-sub-epoch > a { font-size: 13px !important; font-weight: 400 !important; color: #5C5346 !important; padding-left: 16px !important;}#navigation ul.dropdown-menu.af-std-dropdown > li > a:hover,#navigation ul.dropdown-menu.af-std-dropdown > li > a:focus { background-color: #F4EBE8 !important; color: #7A5C3E !important;}/* Rechtsbündige Ausrichtung der rechten Standard-Dropdowns (Journal & Service, Über uns & Kontakt), damit sie bei mittleren Fensterbreiten niemals rechts aus dem Bildschirm ragen */@media (min-width: 992px) { #navigation .af-prestige-main-menu > li.af-std-parent:nth-last-child(-n+3) > ul.dropdown-menu.af-std-dropdown { left: auto !important; right: 0 !important; }}/* ========================================================================== 4. MULTI-DEVICE & 2-STUFIGES HANDY-AKKORDEON (< 992px) MIT PFEILEN (▾ / ▴) ========================================================================== *//* a) Großer Desktop & PC (> 1280px) */@media (min-width: 1281px) { #navigation li.dropdown:not(.fhmm-fw) a:first-of-type, #navigation.af-prestige-nav-wrapper ul.nav.navbar-nav.af-prestige-main-menu > li > a.af-main-tab-link, #navigation .af-prestige-main-menu > li > a.af-main-tab-link { font-size: 12.5px !important; padding: 12px 6.5px !important; letter-spacing: 0px !important; } #navigation ul.dropdown-menu.af-mega-dropdown { padding: 24px 30px 22px 30px !important; left: 0px !important; right: 0px !important; width: auto !important; max-width: 1440px !important; margin: 0 auto !important; } #navigation .af-mega-grid-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 24px !important; }}/* b) Mittlere Fensterbreite: Schmaler PC / iPad Querformat / Laptop (992px bis 1280px) Elastische Schrift & Abstände + Container auf 100% Breite ohne Abschneiden! */@media (min-width: 992px) and (max-width: 1280px) { #wrapper #navigation, #wrapper #navigation.affix, #navigation.af-prestige-nav-wrapper, #navigation.af-prestige-nav-wrapper .af-prestige-navbar, #navigation.af-prestige-nav-wrapper .container, #navigation.af-prestige-nav-wrapper .container-fluid, #navigation.af-prestige-nav-wrapper .navbar-collapse { width: 100% !important; max-width: 100% !important; padding-left: 4px !important; padding-right: 4px !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; overflow: visible !important; } #navigation.af-prestige-nav-wrapper ul.nav.navbar-nav, #navigation.af-prestige-nav-wrapper ul.navbar-nav.af-prestige-main-menu, #navigation .af-prestige-main-menu { display: flex !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; float: none !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin: 0 auto !important; padding: 0 !important; } #navigation.af-prestige-nav-wrapper ul.nav.navbar-nav.af-prestige-main-menu > li, #navigation .af-prestige-main-menu > li { display: block !important; float: none !important; margin: 0 !important; max-width: 100% !important; box-sizing: border-box !important; } #navigation li.dropdown:not(.fhmm-fw) a:first-of-type, #navigation.af-prestige-nav-wrapper ul.nav.navbar-nav.af-prestige-main-menu > li > a.af-main-tab-link, #navigation .af-prestige-main-menu > li > a.af-main-tab-link { font-size: clamp(10.5px, 0.92vw, 13px) !important; padding-top: 11px !important; padding-bottom: 11px !important; padding-left: clamp(4px, 0.45vw, 9px) !important; padding-right: clamp(4px, 0.45vw, 9px) !important; letter-spacing: 0px !important; } #navigation li.dropdown.fhmm-fw .caret, #navigation .af-prestige-main-menu > li > a.af-main-tab-link > b.caret { margin-left: 2px !important; } #navigation ul.dropdown-menu.af-mega-dropdown { padding: 18px 20px 16px 20px !important; left: 8px !important; right: 8px !important; width: auto !important; max-width: none !important; margin: 0 !important; } #navigation .af-mega-grid-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 14px !important; } #navigation .af-mega-col { padding-right: 8px !important; } #navigation .af-mega-col-title { font-size: 14px !important; } #navigation ul.af-mega-list > li > a { font-size: 12.5px !important; }}/* c) Handy- & Mobil-Menü (< 992px): Zweistufiges Aufklapp-Menü (Akkordeon) mit klaren Pfeil-Icons (▾ / ▴), eigenständigem Vollbild-Scroll-Panel & garantierter Orientierung! */@media (max-width: 991px) { /* Bootstrap Affix-Sprünge auf Mobilgeräten komplett unterbinden */ #wrapper #navigation, #wrapper #navigation.affix, #wrapper #navigation.affix-top, #wrapper #navigation.affix-bottom, #navigation.af-prestige-nav-wrapper, #navigation.af-prestige-nav-wrapper.affix, #navigation.af-prestige-nav-wrapper.affix-top, #navigation.af-prestige-nav-wrapper.affix-bottom { position: relative !important; top: auto !important; left: auto !important; right: auto !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; } #header.mb50 { margin-bottom: 0 !important; } /* LÖSUNG A: Sobald das mobile Menü geöffnet ist (.af-mobile-drawer-open), wird das Hintergrund-Scrollen gesperrt und das Menü als eigenständiges, sauber scrollbares Vollbild-Panel direkt im Sichtfeld verankert! */ body.af-mobile-drawer-open { overflow: hidden !important; } #wrapper #navigation.af-prestige-nav-wrapper.af-mobile-drawer-open, #navigation.af-prestige-nav-wrapper.af-mobile-drawer-open { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100vw !important; max-width: 100vw !important; height: 100vh !important; height: 100dvh !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; background-color: #FDFBF7 !important; z-index: 999999 !important; margin: 0 !important; padding: 0 0 40px 0 !important; box-sizing: border-box !important; } #navigation.af-prestige-nav-wrapper .container, #navigation.af-prestige-nav-wrapper .container-fluid { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; } #navigation.af-prestige-nav-wrapper .navbar-header { float: none !important; display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; padding: 8px 14px !important; margin: 0 !important; background-color: #FDFBF7 !important; border-bottom: 1px solid #E6D5B8 !important; box-sizing: border-box !important; cursor: pointer !important; user-select: none !important; -webkit-tap-highlight-color: rgba(212, 175, 55, 0.2) !important; } #navigation.af-prestige-nav-wrapper.af-mobile-drawer-open .navbar-header { position: sticky !important; top: 0 !important; z-index: 1000001 !important; border-bottom: 2px solid #D4AF37 !important; box-shadow: 0 2px 8px rgba(44, 38, 35, 0.08) !important; } .af-mobile-menu-brand-label { font-family: 'Cormorant', Georgia, serif !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: 1px !important; color: #2C2623 !important; text-transform: uppercase !important; } #navigation.af-prestige-nav-wrapper .navbar-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; float: none !important; margin: 2px 0 !important; padding: 7px 12px !important; border: 1px solid #7A5C3E !important; border-radius: 4px !important; background-color: #F4EBE8 !important; color: #2C2623 !important; font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important; font-size: 13px !important; font-weight: 700 !important; } #navigation.af-prestige-nav-wrapper .navbar-toggle .icon-bar { background-color: #2C2623 !important; display: block !important; width: 20px !important; height: 2px !important; } #navigation.af-prestige-nav-wrapper .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px !important; } #navigation.af-prestige-nav-wrapper .af-prestige-navbar .navbar-collapse { float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; max-height: none !important; overflow: visible !important; border: none !important; box-shadow: none !important; } #navigation.af-prestige-nav-wrapper .af-prestige-navbar .navbar-collapse.collapse:not(.in) { display: none !important; } #navigation.af-prestige-nav-wrapper .af-prestige-navbar .navbar-collapse.collapse.in, #navigation.af-prestige-nav-wrapper .af-prestige-navbar .navbar-collapse.in { display: block !important; overflow: visible !important; max-height: none !important; height: auto !important; } #navigation.af-prestige-nav-wrapper ul.nav.navbar-nav, #navigation .af-prestige-main-menu { display: block !important; float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } #navigation.af-prestige-nav-wrapper ul.nav.navbar-nav.af-prestige-main-menu > li, #navigation .af-prestige-main-menu > li { display: block !important; float: none !important; width: 100% !important; position: static !important; margin: 0 !important; border-bottom: 1px solid #EFE6D5 !important; } #navigation.af-prestige-nav-wrapper ul.nav.navbar-nav.af-prestige-main-menu > li > a.af-main-tab-link, #navigation .af-prestige-main-menu > li > a.af-main-tab-link { text-align: left !important; padding: 10px 16px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; font-size: 15px !important; line-height: 1.25 !important; } /* Bootstrap-Standard-Caret auf Mobil ausblenden, stattdessen klares ▾ / ▴ Icon rechts */ #navigation .af-prestige-main-menu > li > a.af-main-tab-link > b.caret { display: none !important; } #navigation .af-main-tab-arrow { display: inline-block !important; font-size: 16px !important; line-height: 1 !important; color: #7A5C3E !important; font-weight: 700 !important; margin-left: 8px !important; } /* WICHTIG: Auf < 992px dürfen Hover oder fremde .open-Klassen NIEMALS ein Untermenü öffnen oder schließen! Nur unsere dedizierte Klasse .af-mob-open steuert das Untermenü! */ #navigation .af-prestige-main-menu > li.dropdown > ul.dropdown-menu.af-mega-dropdown, #navigation .af-prestige-main-menu > li.dropdown > ul.dropdown-menu.af-std-dropdown, #navigation .af-prestige-main-menu > li.dropdown:hover > ul.dropdown-menu.af-mega-dropdown, #navigation .af-prestige-main-menu > li.dropdown:hover > ul.dropdown-menu.af-std-dropdown, #navigation .af-prestige-main-menu > li.dropdown.open:not(.af-mob-open) > ul.dropdown-menu.af-mega-dropdown, #navigation .af-prestige-main-menu > li.dropdown.open:not(.af-mob-open) > ul.dropdown-menu.af-std-dropdown { display: none !important; } /* Geöffnete Dropdowns / Mega-Menüs fließen auf < 992px statisch direkt unter dem Hauptreiter */ #navigation .af-prestige-main-menu > li.dropdown.af-mob-open > ul.dropdown-menu.af-mega-dropdown, #navigation .af-prestige-main-menu > li.dropdown.af-mob-open > ul.dropdown-menu.af-std-dropdown { position: static !important; display: block !important; float: none !important; width: 100% !important; max-width: 100% !important; max-height: none !important; height: auto !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; padding: 8px 12px 10px 12px !important; margin: 0 !important; border: none !important; border-top: 2px solid #C5A059 !important; border-radius: 0 !important; box-shadow: none !important; background-color: #FAF6F0 !important; } /* Direkter Top-Link unter STOFFE ("➔ Alle Stoffe entdecken") & TAPETEN ("➔ Alle Tapeten entdecken") */ #navigation .af-mobile-overview-bar { display: block !important; margin: 0 0 6px 0 !important; } #navigation .af-mobile-overview-link { display: block !important; background-color: #F4EBE8 !important; color: #2C2623 !important; border: 1px solid #D4AF37 !important; border-radius: 4px !important; padding: 7px 12px !important; font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important; font-size: 13.5px !important; font-weight: 700 !important; text-decoration: none !important; } #navigation .af-mobile-overview-link:hover, #navigation .af-mobile-overview-link:focus { background-color: #EAD8D3 !important; color: #2C2623 !important; } #navigation .af-mega-grid-5 { display: block !important; width: 100% !important; } /* Stufe 2: Die 5 kompakten Zwischen-Überschriften als anklickbare Akkordeon-Balken */ #navigation .af-mega-col { display: block !important; width: 100% !important; border-right: none !important; border: 1px solid #E2D5C1 !important; border-radius: 4px !important; background: #FFFFFF !important; padding: 0 !important; margin: 0 0 5px 0 !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; } #navigation .af-mega-col-title { display: flex !important; justify-content: space-between !important; align-items: center !important; margin: 0 !important; padding: 8px 12px !important; border-bottom: none !important; font-size: 13.5px !important; color: #5C4430 !important; background-color: #FFFFFF !important; cursor: pointer !important; user-select: none !important; } #navigation .af-mega-col.af-col-expanded > .af-mega-col-title { background-color: #F4EBE8 !important; border-bottom: 1px solid #D4AF37 !important; color: #2C2623 !important; } #navigation .af-col-arrow { display: inline-block !important; font-size: 15px !important; line-height: 1 !important; color: #7A5C3E !important; font-weight: 700 !important; margin-left: 10px !important; } /* Geschlossene Untergruppen auf < 992px sind zugeklappt; nur .af-col-expanded ist offen! */ #navigation .af-mega-col:not(.af-col-expanded) > ul.af-mega-list { display: none !important; } #navigation .af-mega-col.af-col-expanded > ul.af-mega-list { display: block !important; visibility: visible !important; opacity: 1 !important; max-height: none !important; padding: 6px 12px 8px 12px !important; margin: 0 !important; background-color: #FFFFFF !important; } #navigation ul.af-mega-list > li { display: block !important; margin: 0 0 4px 0 !important; } #navigation ul.af-mega-list > li > a { display: inline-flex !important; padding: 2px 0 !important; font-size: 13.5px !important; }}/* ========================================================================== EINHEITLICHE HINWEIS-BOX FÜR LEERE KATEGORIEN & SEITEN IM AUFBAU (SCHRITT 2) ========================================================================== */.af-empty-category-notice { margin: 28px auto 36px auto !important; max-width: 920px !important; padding: 36px 30px !important; background-color: #FDFBF7 !important; border: 1px solid #D4AF37 !important; border-top: 3px solid #C5A059 !important; border-radius: 6px !important; text-align: center !important; box-shadow: 0 6px 20px rgba(44, 38, 35, 0.05) !important;}.af-empty-category-eyebrow { display: block !important; font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: 1.4px !important; text-transform: uppercase !important; color: #8C6239 !important; margin-bottom: 10px !important;}.af-empty-category-heading { font-family: 'Cormorant', Georgia, serif !important; font-size: 28px !important; font-weight: 700 !important; color: #2C2623 !important; margin: 0 0 14px 0 !important;}.af-empty-category-text { font-family: 'Cormorant', Georgia, serif !important; font-size: 20px !important; line-height: 1.55 !important; color: #2C2623 !important; max-width: 780px !important; margin: 0 auto 22px auto !important; font-weight: 600 !important;}.af-empty-category-actions { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 12px !important;}.af-empty-category-btn { display: inline-block !important; background-color: #F4EBE8 !important; color: #2C2623 !important; border: 1px solid #C5A059 !important; border-radius: 4px !important; padding: 9px 18px !important; font-size: 13px !important; font-weight: 700 !important; text-decoration: none !important; transition: background-color 0.2s ease !important;}.af-empty-category-btn:hover { background-color: #EAD8D3 !important; color: #2C2623 !important; text-decoration: none !important;}/* ========================================================================== SYMMETRISCHES PRODUKT-GRID & KACHEL-HARMONIE (BLATT 4 ANSICHT 2 – ZENTRIERT) ========================================================================== */.af-cat-hero-header,.af-cat-title,.af-cat-intro-preserved,.af-cat-bottom-preserved { text-align: center !important; margin-left: auto !important; margin-right: auto !important;}.af-flex-product-row { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; text-align: center !important;}.af-flex-product-col { display: flex !important; margin-bottom: 24px !important; text-align: center !important;}.af-prestige-product-card { display: flex !important; flex-direction: column !important; width: 100% !important; height: 100% !important; background-color: #FFFFFF !important; border: 1px solid #E6D5B8 !important; border-radius: 4px !important; padding: 14px !important; box-shadow: 0 2px 10px rgba(44, 40, 37, 0.04) !important; transition: box-shadow 0.2s ease, border-color 0.2s ease !important; text-align: center !important;}.af-prestige-product-card:hover { border-color: #C5A059 !important; box-shadow: 0 6px 20px rgba(44, 40, 37, 0.09) !important;}.af-prestige-product-card .af-card-img-wrap img { margin-left: auto !important; margin-right: auto !important;}.af-prestige-product-card .af-card-title { font-size: 15px !important; line-height: 1.35 !important; margin-top: 10px !important; margin-bottom: 8px !important; min-height: 40px !important; text-align: center !important;}.af-prestige-product-card .af-card-desc,.af-prestige-product-card .af-card-price { text-align: center !important;}.af-prestige-product-card .af-card-caption-bottom { margin-top: auto !important; padding-top: 10px !important; border-top: 1px solid #F3ECE0 !important; text-align: center !important;}.af-card-cta-footer { margin-top: 10px !important; text-align: center !important;}.af-card-detail-btn,.af-prestige-product-card a.af-card-detail-btn,body .af-prestige-product-card .af-card-cta-footer a.af-card-detail-btn { display: block !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; text-align: center !important; background-color: #F4EBE8 !important; color: #2C2825 !important; border: 1px solid #D4AF37 !important; border-radius: 3px !important; padding: 8px 6px !important; padding-left: 6px !important; padding-right: 6px !important; font-size: clamp(9.5px, 0.9vw, 12px) !important; line-height: 1.35 !important; font-weight: 600 !important; letter-spacing: 0.02em !important; text-decoration: none !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: break-word !important; hyphens: auto !important; -webkit-hyphens: auto !important; transition: background-color 0.2s ease !important;}@media (min-width: 768px) and (max-width: 1200px) { .af-card-detail-btn, .af-prestige-product-card a.af-card-detail-btn, body .af-prestige-product-card .af-card-cta-footer a.af-card-detail-btn { font-size: clamp(9.5px, 0.9vw, 12px) !important; letter-spacing: 0.02em !important; padding-left: 6px !important; padding-right: 6px !important; max-width: 100% !important; box-sizing: border-box !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: break-word !important; hyphens: auto !important; -webkit-hyphens: auto !important; }}.af-card-detail-btn:hover,body .af-prestige-product-card .af-card-cta-footer a.af-card-detail-btn:hover { background-color: #EAD8D3 !important; color: #2C2825 !important;}/* ========================================================================== LINKS/RECHTS FUNNEL-VERKNÜPFUNGS-BOXEN UNTER DEM KATEGORIE-GRID (ZENTRIERT) ========================================================================== */.af-funnel-architecture-section { margin-top: 28px !important; margin-bottom: 28px !important; padding: 24px !important; background-color: #FAF8F5 !important; border: 1px solid #E6D5B8 !important; border-radius: 6px !important; text-align: center !important;}.af-funnel-grid-2 { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 20px !important;}.af-funnel-card { flex: 1 1 46% !important; min-width: 260px !important; background-color: #FFFFFF !important; border: 1px solid #D4AF37 !important; border-radius: 4px !important; padding: 20px 22px !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important;}.af-funnel-eyebrow { font-size: 11px !important; letter-spacing: 1.2px !important; text-transform: uppercase !important; color: #8C6239 !important; font-weight: 700 !important; margin-bottom: 6px !important; text-align: center !important;}.af-funnel-title { font-family: 'Cormorant', Georgia, serif !important; font-size: 22px !important; font-weight: 700 !important; color: #2C2825 !important; margin-top: 0 !important; margin-bottom: 8px !important; text-align: center !important;}.af-funnel-desc { font-size: 13.5px !important; color: #4A443F !important; line-height: 1.5 !important; margin-bottom: 14px !important; text-align: center !important;}.af-funnel-btn { margin-top: auto !important; display: inline-block !important; align-self: center !important; text-align: center !important; background-color: #F4EBE8 !important; color: #2C2825 !important; border: 1px solid #C5A059 !important; padding: 8px 16px !important; border-radius: 3px !important; font-weight: 600 !important; font-size: 13px !important; text-decoration: none !important;}.af-funnel-btn:hover { background-color: #EAD8D3 !important;}.af-seo-service-strip { margin-top: 16px !important; padding-top: 12px !important; border-top: 1px solid #E6D5B8 !important; text-align: center !important; font-size: 13px !important;}.af-seo-service-strip a { color: #5C4938 !important; font-weight: 600 !important; margin: 0 8px !important; text-decoration: none !important;}/* ========================================================================== BAUABSCHNITT 2: 2-ZONEN SPLIT-KATEGORIETEXTE (100 % MITTIG ZENTRIERT!) ========================================================================== */.af-cat-intro-top { background-color: #FAF8F5 !important; border: 1px solid #E6D5B8 !important; border-top: 3px solid #C5A059 !important; border-radius: 5px !important; padding: 18px 24px !important; margin: 10px auto 18px auto !important; color: #2C2825 !important; font-size: 14.5px !important; line-height: 1.58 !important; text-align: center !important;}.af-cat-intro-top .af-intro-headline { font-family: 'Cormorant', Georgia, serif !important; font-size: 22px !important; font-weight: 700 !important; color: #2C2825 !important; margin-top: 0 !important; margin-bottom: 8px !important; text-align: center !important;}.af-cat-intro-top p { margin: 0 auto 8px auto !important; max-width: 960px !important; color: #3B3530 !important; text-align: center !important;}.af-cat-intro-top p:last-child { margin-bottom: 0 !important;}.af-cat-intro-top a { color: #7A542E !important; text-decoration: underline !important;}.af-cat-guide-bottom { background-color: #FFFFFF !important; border: 1px solid #E2D3B9 !important; border-top: 3px solid #C5A059 !important; border-radius: 6px !important; padding: 30px 32px !important; margin: 28px auto 24px auto !important; color: #2C2825 !important; font-size: 15px !important; line-height: 1.68 !important; box-shadow: 0 2px 12px rgba(44, 40, 37, 0.04) !important; text-align: center !important;}.af-cat-guide-bottom .af-guide-eyebrow { display: block !important; font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: 1.4px !important; text-transform: uppercase !important; color: #8C6239 !important; margin-bottom: 6px !important; text-align: center !important;}.af-cat-guide-bottom .af-guide-h2 { font-family: 'Cormorant', Georgia, serif !important; font-size: 27px !important; font-weight: 700 !important; color: #2C2825 !important; margin-top: 0 !important; margin-bottom: 18px !important; padding-bottom: 12px !important; border-bottom: 1px solid #EFE6D5 !important; text-align: center !important;}.af-cat-guide-bottom .af-guide-h3 { font-family: 'Cormorant', Georgia, serif !important; font-size: 21px !important; font-weight: 700 !important; color: #2C2825 !important; margin-top: 24px !important; margin-bottom: 10px !important; text-align: center !important;}.af-cat-guide-bottom p { text-align: center !important; max-width: 940px !important; margin-left: auto !important; margin-right: auto !important;}.af-cat-guide-bottom .af-guide-list,.af-cat-guide-bottom ul,.af-cat-guide-bottom ol { margin: 0 auto 16px auto !important; padding-left: 0 !important; max-width: 920px !important; list-style-position: inside !important; text-align: center !important;}.af-cat-guide-bottom .af-guide-list li,.af-cat-guide-bottom ul li,.af-cat-guide-bottom ol li { margin-bottom: 10px !important; text-align: center !important;}.af-cat-guide-bottom a { color: #7A542E !important; font-weight: 600 !important; text-decoration: underline !important;}.af-guide-collection-gallery { margin-top: 16px !important; margin-bottom: 22px !important; text-align: center !important;}.af-guide-collection-gallery img.af-collection-preserve-img { max-width: 100% !important; height: auto !important; margin: 12px auto !important; border: 1px solid #E6D5B8 !important; border-radius: 4px !important; padding: 6px !important; background-color: #FAF8F5 !important;}/* Klickbare Google-FAQ-Akkordeons (100 % mittig zentriert) */.af-faq-section { margin-top: 28px !important; padding-top: 20px !important; border-top: 1px solid #E6D5B8 !important; text-align: center !important;}.af-faq-accordion-list { margin: 12px auto 0 auto !important; max-width: 940px !important; text-align: center !important;}.af-faq-item { border: 1px solid #E2D3B9 !important; border-radius: 4px !important; margin-bottom: 10px !important; background-color: #FAF8F5 !important; overflow: hidden !important; text-align: center !important;}.af-faq-question { width: 100% !important; text-align: center !important; background-color: #FAF8F5 !important; color: #2C2825 !important; border: none !important; padding: 13px 18px !important; font-size: 15px !important; font-weight: 700 !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; cursor: pointer !important;}.af-faq-q-text { text-align: center !important;}.af-faq-item.af-faq-open .af-faq-question { background-color: #F4EBE8 !important; border-bottom: 1px solid #E2D3B9 !important;}.af-faq-q-arrow { color: #8C6239 !important; font-size: 16px !important; flex-shrink: 0 !important;}.af-faq-answer { padding: 14px 20px !important; background-color: #FFFFFF !important; color: #3B3530 !important; font-size: 14.5px !important; line-height: 1.62 !important; text-align: center !important;}.af-faq-answer p { margin: 0 auto !important; max-width: 880px !important; text-align: center !important;}/* Persönlicher Beratungs- & Maßanfertigungs-Abschlussblock */.af-guide-consultation-box { margin-top: 26px !important; padding: 22px 24px !important; background-color: #F9F4EE !important; border: 1px solid #D4AF37 !important; border-radius: 5px !important; text-align: center !important;}.af-guide-consultation-eyebrow { display: block !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.3px !important; text-transform: uppercase !important; color: #8C6239 !important; margin-bottom: 4px !important; text-align: center !important;}.af-guide-consultation-title { font-family: 'Cormorant', Georgia, serif !important; font-size: 22px !important; font-weight: 700 !important; color: #2C2825 !important; margin-top: 0 !important; margin-bottom: 8px !important; text-align: center !important;}.af-guide-consultation-text { font-size: 14.5px !important; color: #3B3530 !important; margin: 0 auto 14px auto !important; max-width: 880px !important; text-align: center !important;}.af-guide-consultation-links { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 10px !important; text-align: center !important;}.af-guide-cta-btn { display: inline-block !important; background-color: #F4EBE8 !important; color: #2C2825 !important; border: 1px solid #C5A059 !important; border-radius: 3px !important; padding: 8px 15px !important; font-size: 13px !important; font-weight: 600 !important; text-decoration: none !important; text-align: center !important;}.af-guide-cta-btn:hover { background-color: #EAD8D3 !important;}/* ========================================================================== ARTE FRESCA PRESTIGE-TYPOGRAFIE (@font-face Cormorant & Nunito) ========================================================================== *//* cyrillic-ext */@font-face { font-family: 'Cormorant'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/cormorant/v24/H4c0BXOCl9bbnla_nHIq6oGzilJm9otsA9kQq_da4iWq4Ys.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}/* cyrillic */@font-face { font-family: 'Cormorant'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/cormorant/v24/H4c0BXOCl9bbnla_nHIq6oGzilJm9otsA9kQq_da6yWq4Ys.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}/* vietnamese */@font-face { font-family: 'Cormorant'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/cormorant/v24/H4c0BXOCl9bbnla_nHIq6oGzilJm9otsA9kQq_da4CWq4Ys.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: 'Cormorant'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/cormorant/v24/H4c0BXOCl9bbnla_nHIq6oGzilJm9otsA9kQq_da4SWq4Ys.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face { font-family: 'Cormorant'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/cormorant/v24/H4c0BXOCl9bbnla_nHIq6oGzilJm9otsA9kQq_da7yWq.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;}/* cyrillic-ext */@font-face { font-family: 'Cormorant'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/cormorant/v24/H4clBXOCl9bbnla_nHIq4pu9uqc.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}/* cyrillic */@font-face { font-family: 'Cormorant'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/cormorant/v24/H4clBXOCl9bbnla_nHIq65u9uqc.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}/* vietnamese */@font-face { font-family: 'Cormorant'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/cormorant/v24/H4clBXOCl9bbnla_nHIq4Ju9uqc.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: 'Cormorant'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/cormorant/v24/H4clBXOCl9bbnla_nHIq4Zu9uqc.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face { font-family: 'Cormorant'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/cormorant/v24/H4clBXOCl9bbnla_nHIq75u9.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;}/* cyrillic-ext */@font-face { font-family: 'Cormorant'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/cormorant/v24/H4clBXOCl9bbnla_nHIq4pu9uqc.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}/* cyrillic */@font-face { font-family: 'Cormorant'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/cormorant/v24/H4clBXOCl9bbnla_nHIq65u9uqc.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}/* vietnamese */@font-face { font-family: 'Cormorant'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/cormorant/v24/H4clBXOCl9bbnla_nHIq4Ju9uqc.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: 'Cormorant'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/cormorant/v24/H4clBXOCl9bbnla_nHIq4Zu9uqc.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face { font-family: 'Cormorant'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/cormorant/v24/H4clBXOCl9bbnla_nHIq75u9.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;}/* cyrillic-ext */@font-face { font-family: 'Cormorant'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/cormorant/v24/H4clBXOCl9bbnla_nHIq4pu9uqc.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}/* cyrillic */@font-face { font-family: 'Cormorant'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/cormorant/v24/H4clBXOCl9bbnla_nHIq65u9uqc.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}/* vietnamese */@font-face { font-family: 'Cormorant'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/cormorant/v24/H4clBXOCl9bbnla_nHIq4Ju9uqc.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: 'Cormorant'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/cormorant/v24/H4clBXOCl9bbnla_nHIq4Zu9uqc.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face { font-family: 'Cormorant'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/cormorant/v24/H4clBXOCl9bbnla_nHIq75u9.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;}/* cyrillic-ext */@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}/* cyrillic */@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}/* vietnamese */@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofIOuaBXso.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: 'Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofIO-aBXso.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofINeaB.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;}/* cyrillic-ext */@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}/* cyrillic */@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}/* vietnamese */@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofIOuaBXso.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: 'Nunito'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofIO-aBXso.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofINeaB.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;}/* cyrillic-ext */@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}/* cyrillic */@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}/* vietnamese */@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofIOuaBXso.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: 'Nunito'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofIO-aBXso.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofINeaB.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;}/* ========================================================================== ARTE FRESCA PRESTIGE-TYPOGRAFIE (NUR IN THEME 32: "aktuelles Theme ab 22.10.26 - kopie") 1. Cormorant (400, 500, 600) -> H1-H4, Hauptmenüpunkte (GROSS), Kategorietitel (GROSS), Produkttitel, Kollektionsnamen, große Preise, Akzente 2. Nunito (400, 500, 600) -> Fließtext, Bullet Points, Buttons, Menü-Unterpunkte, Labels, Formularfelder, Akkordeon-Texte & technische Daten ========================================================================== *//* 1. Grundschrift: Nunito (400, 500, 600) für gesamten Fließtext, Listen, Tabellen, Formulare, Buttons & Menü-Unterpunkte */html,body,div,p,span,a,ul,ol,li,dl,dt,dd,table,thead,tbody,tfoot,tr,th,td,label,input,button,select,textarea,small,strong,b,em,.form-control,.btn,.breadcrumb,.breadcrumb li,.breadcrumb a,.pagination,.nav,.navbar,.dropdown-menu,.panel,.panel-body,.panel-heading,.panel #CatTree li a,.well,.alert,#topbar,#topbar a,#header,#footer,#footer p,#footer a,#footer div,#footer span,#wrapper,#content,#content-wrapper,#af-content-page-body,.af-musterseite,.af-musterseite p,.af-musterseite div,.af-musterseite span,.af-musterseite li,.af-musterseite td,.af-musterseite th,.af-musterseite a,.af-editorial-categories,.af-editorial-label,.af-footer,.af-footer-heading,.af-footer-mainlink,.af-footer-link,.af-footer-legal-social a,a.af-widerruf-btn,.product-information,.product-information ul li,.product-information p,.discount-info,.discount-info div,#gridContent .af-card-desc,#gridContent .af-card-desc *,#gridContent .caption small,#gridContent .af-card-detail-btn,.af-cat-intro-top,.af-cat-intro-top p,.af-cat-intro-top span,.af-cat-intro-top a,.af-cat-guide-bottom,.af-cat-guide-bottom p,.af-cat-guide-bottom ul,.af-cat-guide-bottom ol,.af-cat-guide-bottom li,.af-cat-guide-bottom a,.af-funnel-box-card,.af-funnel-desc,.af-funnel-eyebrow,.af-funnel-btn,.af-guide-eyebrow,.af-guide-consultation-eyebrow,.af-guide-consultation-text,.af-guide-cta-btn,.af-faq-question,.af-faq-q-text,.af-faq-answer,.af-faq-answer p,.af-empty-category-eyebrow,.af-empty-category-btn,#navigation ul.af-mega-list > li > a,#navigation ul.af-mega-list > li > a strong,#navigation .af-mega-highlight-link,#navigation ul.dropdown-menu.af-std-dropdown > li > a,#navigation ul.dropdown-menu.af-std-dropdown > li > a strong,#navigation .af-mobile-overview-link,#navigation.af-prestige-nav-wrapper .navbar-toggle { font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important;}body { font-weight: 400 !important; -webkit-font-smoothing: antialiased !important;}/* Menü-Unterpunkte, Buttons & Labels in Nunito SemiBold (600) */#navigation ul.af-mega-list > li > a,#navigation ul.dropdown-menu.af-std-dropdown > li > a,.btn,.af-card-detail-btn,.af-funnel-btn,.af-guide-cta-btn,.af-empty-category-btn,a.af-widerruf-btn { font-weight: 600 !important;}/* 2. Edle Magazin-Typografie: Cormorant (400, 500, 600) für H1–H4, Hauptmenüpunkte, Kategorietitel, Produkttitel, Kollektionsnamen, große Preisangaben & magazinartige Akzente */h1, h2, h3, h4,h1 *, h2 *, h3 *, h4 *,.h1, .h2, .h3, .h4,.page-header h1,.page-header h2,.af-cat-title,#gridContent .af-card-title,#gridContent .af-card-title a,.thumbnail-product h3,.thumbnail-product h3 a,#gridContent .af-card-price,.thumbnail-product .caption strong,.price-big,.product-price,#product-detail h1,#product-detail .price,.product-information h1,#price_box ul.list-inline > li:first-child > strong,#totalpricebox ul.list-inline > li:first-child > strong,#totalpricebox2 strong,.af-musterseite h1,.af-musterseite h2,.af-musterseite h3,.af-musterseite h4,.af-price-title,.af-price-value,.af-editorial-categories h2,.af-cat-intro-top .af-intro-headline,.af-cat-guide-bottom .af-guide-h2,.af-cat-guide-bottom .af-guide-h3,.af-funnel-title,.af-guide-consultation-title,.af-empty-category-heading,.af-empty-category-text,#navigation.af-prestige-nav-wrapper ul.nav.navbar-nav.af-prestige-main-menu > li > a.af-main-tab-link,#navigation .af-prestige-main-menu > li > a.af-main-tab-link,#navigation .af-prestige-main-menu > li > a.af-main-tab-link span,#navigation .af-mega-col-title,#navigation .af-mega-col-title .af-col-title-text,.af-mobile-menu-brand-label,.af-cormorant-accent,blockquote { font-family: 'Cormorant', Georgia, serif !important;}/* HAUPTMENÜPUNKTE (Home, Stoffe, Tapeten, Maßanfertigung, Stilwelten, Vorhangstangen, Journal, Über uns, Outlet) in CORMORANT und GROSSBUCHSTABEN */#navigation.af-prestige-nav-wrapper ul.nav.navbar-nav.af-prestige-main-menu > li > a.af-main-tab-link,#navigation .af-prestige-main-menu > li > a.af-main-tab-link,#navigation .af-prestige-main-menu > li > a.af-main-tab-link span { font-family: 'Cormorant', Georgia, serif !important; text-transform: uppercase !important; font-weight: 700 !important; letter-spacing: 0.03em !important;}@media (min-width: 1281px) { #navigation li.dropdown:not(.fhmm-fw) a:first-of-type, #navigation.af-prestige-nav-wrapper ul.nav.navbar-nav.af-prestige-main-menu > li > a.af-main-tab-link, #navigation .af-prestige-main-menu > li > a.af-main-tab-link { font-size: 13.5px !important; padding: 12px 6px !important; }}@media (min-width: 992px) and (max-width: 1280px) { #navigation li.dropdown:not(.fhmm-fw) a:first-of-type, #navigation.af-prestige-nav-wrapper ul.nav.navbar-nav.af-prestige-main-menu > li > a.af-main-tab-link, #navigation .af-prestige-main-menu > li > a.af-main-tab-link { font-size: clamp(11px, 0.96vw, 13.5px) !important; padding-left: clamp(3px, 0.38vw, 7.5px) !important; padding-right: clamp(3px, 0.38vw, 7.5px) !important; }}/* KATEGORIETITEL / KOLLEKTIONSÜBERSCHRIFTEN (z. B. BLUMENSTOFFE / FLORALE STOFFE) immer in CORMORANT und in GROSSBUCHSTABEN */h1.af-cat-title,.af-cat-hero-header h1,.af-cat-title,#af-content-aufbau-title.af-empty-category-heading { font-family: 'Cormorant', Georgia, serif !important; text-transform: uppercase !important; font-weight: 600 !important; letter-spacing: 0.04em !important;}/* Harmonische Schriftschnitte (500 Medium / 600 SemiBold) und Proportionen für Cormorant */h1, .h1,.product-information h1,.af-musterseite h1 { font-weight: 600 !important; letter-spacing: 0.01em !important;}h2, .h2,.af-musterseite h2,.af-editorial-categories h2,.af-cat-intro-top .af-intro-headline,.af-cat-guide-bottom .af-guide-h2,.af-funnel-title,.af-guide-consultation-title,.af-empty-category-heading { font-weight: 600 !important; letter-spacing: 0.01em !important;}h3, .h3,h4, .h4,#gridContent .af-card-title,#gridContent .af-card-title a,.thumbnail-product h3,.thumbnail-product h3 a,.af-cat-guide-bottom .af-guide-h3,.af-price-title,#navigation .af-mega-col-title,#navigation .af-mega-col-title .af-col-title-text { font-weight: 600 !important;}/* Produkttitel auf Karten & Große Preisangaben in edler Cormorant-Größe */#gridContent .af-card-title,#gridContent .af-card-title a,.thumbnail-product h3,.thumbnail-product h3 a { font-size: 17.5px !important; line-height: 1.3 !important;}#gridContent .af-card-price,.thumbnail-product .caption strong,#price_box ul.list-inline > li:first-child > strong,#totalpricebox ul.list-inline > li:first-child > strong,.af-price-value { font-weight: 600 !important; letter-spacing: 0.01em !important;}#price_box ul.list-inline > li:first-child > strong,#totalpricebox ul.list-inline > li:first-child > strong { font-size: 28px !important;}/* 3. Schutz für Icon-Schriften (FontAwesome & Bootstrap Glyphicons), damit alle Icons intakt bleiben */.fa,i.fa,span.fa,[class^="fa-"],[class*=" fa-"] { font-family: 'FontAwesome' !important; font-style: normal !important;}.glyphicon,span.glyphicon,[class^="glyphicon-"],[class*=" glyphicon-"] { font-family: 'Glyphicons Halflings' !important; font-style: normal !important;}/* === AF THEME 33 BOUTIQUE FILTER & SORT CONSOLE === *//* ============================================================================ ARTE FRESCA BOUTIQUE FILTER & SORT CONSOLE (THEME 33 SANDBOX) ============================================================================ *//* 1. ACTIVE FILTERS BAR */.af-active-filters-bar { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px 14px !important; background: #FDFBF7 !important; border: 1px solid #DFD3BE !important; border-left: 3px solid #C5A059 !important; border-radius: 6px !important; padding: 10px 16px !important; margin: 0 0 12px 0 !important; font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important;}.af-active-filters-label { font-size: 12.5px !important; font-weight: 600 !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; color: #5C554E !important; display: inline-flex !important; align-items: center !important; gap: 6px !important;}.af-active-filters-label i { color: #C5A059 !important; font-size: 14px !important;}.af-active-filters-pills { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important;}.af-active-filter-pill { display: inline-flex !important; align-items: center !important; gap: 7px !important; background: #F4EBE8 !important; border: 1px solid #D5C2BC !important; color: #2C2A29 !important; font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important; font-size: 13px !important; font-weight: 600 !important; padding: 5px 12px !important; border-radius: 20px !important; cursor: pointer !important; transition: all 0.18s ease !important;}.af-active-filter-pill:hover { background: #EADAD5 !important; border-color: #B8978E !important; color: #1A1918 !important;}.af-active-filter-pill i { font-size: 11px !important; color: #8C6D64 !important;}.af-clear-all-filters-pill { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: transparent !important; border: 1px dashed #B8ADA0 !important; color: #6E655C !important; font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important; font-size: 12.5px !important; font-weight: 600 !important; padding: 5px 12px !important; border-radius: 20px !important; cursor: pointer !important; transition: all 0.18s ease !important;}.af-clear-all-filters-pill:hover { background: #2C2A29 !important; border-color: #2C2A29 !important; color: #FFFFFF !important;}/* 2. HORIZONTAL BOUTIQUE FILTER BAR (#filter-horizontal) */#filter-horizontal.af-boutique-filter-bar { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 12px 16px !important; background: #FAF8F5 !important; border: 1px solid #E5DEC9 !important; border-radius: 6px 6px 0 0 !important; padding: 12px 18px !important; margin: 0 !important; position: relative !important; z-index: 45 !important; box-shadow: 0 2px 8px rgba(44, 42, 41, 0.03) !important;}.af-filter-bar-eyebrow { display: inline-flex !important; align-items: center !important; gap: 7px !important; font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: #6E655C !important; margin-right: 4px !important; white-space: nowrap !important;}.af-filter-bar-eyebrow i { color: #C5A059 !important; font-size: 13px !important;}.af-filter-dropdowns-wrap { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px !important; flex: 1 1 auto !important;}/* 3. UNFOLDING DROPDOWN GROUP & TRIGGER BUTTON */.af-filter-dropdown-group { position: relative !important; display: inline-block !important;}.af-filter-trigger-btn { display: inline-flex !important; align-items: center !important; justify-content: space-between !important; gap: 9px !important; background: #FFFFFF !important; border: 1px solid #D5C7B2 !important; border-radius: 4px !important; padding: 8px 15px !important; font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important; font-size: 12.5px !important; font-weight: 600 !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; color: #2C2A29 !important; cursor: pointer !important; transition: all 0.18s ease !important; line-height: 1.3 !important; box-shadow: 0 1px 3px rgba(44, 42, 41, 0.04) !important; outline: none !important;}.af-filter-trigger-btn:hover,.af-filter-dropdown-group.is-open > .af-filter-trigger-btn { background: #FFFDF9 !important; border-color: #C5A059 !important; color: #1A1918 !important; box-shadow: 0 4px 12px rgba(197, 160, 89, 0.16) !important;}.af-filter-dropdown-group.has-active-selection > .af-filter-trigger-btn { background: #F9F4EB !important; border-color: #C5A059 !important;}.af-filter-btn-title { white-space: nowrap !important;}.af-filter-active-count { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 19px !important; height: 19px !important; padding: 0 5px !important; border-radius: 10px !important; background: #C5A059 !important; color: #FFFFFF !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1 !important;}.af-filter-chevron { font-size: 14px !important; color: #8C7D6B !important; transition: transform 0.22s ease, color 0.22s ease !important;}.af-filter-dropdown-group.is-open > .af-filter-trigger-btn .af-filter-chevron { transform: rotate(180deg) !important; color: #C5A059 !important;}/* 4. FLOATING POPOVER PANEL */.af-filter-popover-panel { display: none !important; position: absolute !important; top: calc(100% + 7px) !important; left: 0 !important; z-index: 1080 !important; min-width: 280px !important; max-width: 350px !important; max-height: 360px !important; overflow-y: auto !important; background: #FFFFFF !important; border: 1px solid #D5C7B2 !important; border-top: 2px solid #C5A059 !important; border-radius: 6px !important; box-shadow: 0 14px 32px rgba(44, 42, 41, 0.15) !important; padding: 12px 14px !important; text-align: left !important;}.af-filter-dropdown-group.is-open > .af-filter-popover-panel { display: block !important; animation: afFilterFadeIn 0.16s ease-out !important;}@keyframes afFilterFadeIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); }}.af-filter-popover-header { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 0 4px 8px 4px !important; margin-bottom: 8px !important; border-bottom: 1px solid #EFEAE1 !important; font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important; font-size: 11.5px !important; font-weight: 600 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; color: #8C7D6B !important;}.af-filter-popover-close { background: transparent !important; border: none !important; font-size: 18px !important; line-height: 1 !important; color: #8C7D6B !important; cursor: pointer !important; padding: 0 4px !important;}.af-filter-popover-close:hover { color: #2C2A29 !important;}/* 5. CHECKBOX OPTIONS LIST INSIDE POPOVER */.af-filter-options-list { margin: 0 !important; padding: 0 !important; list-style: none !important;}.af-filter-option-item { margin: 0 0 2px 0 !important; padding: 0 !important;}.af-filter-check-label { display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important; padding: 7px 10px !important; margin: 0 !important; border-radius: 4px !important; cursor: pointer !important; font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important; font-size: 13.5px !important; font-weight: 500 !important; color: #2C2A29 !important; transition: background 0.14s ease !important;}.af-filter-check-label:hover { background: #F4EBE8 !important;}.af-filter-check-label input[type="checkbox"] { width: 16px !important; height: 16px !important; margin: 0 !important; accent-color: #C5A059 !important; cursor: pointer !important; flex-shrink: 0 !important;}.af-filter-option-text { flex: 1 1 auto !important; line-height: 1.35 !important;}/* 6. PRICE FILTER POPOVER */.af-filter-popover-preis { min-width: 290px !important;}.af-preis-inputs-row { display: flex !important; align-items: flex-end !important; gap: 8px !important; margin-bottom: 12px !important;}.af-preis-input-col { flex: 1 1 0 !important;}.af-preis-label { display: block !important; font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important; font-size: 12px !important; font-weight: 600 !important; color: #6E655C !important; margin: 0 0 4px 0 !important;}.af-preis-input { width: 100% !important; height: 36px !important; padding: 6px 10px !important; border: 1px solid #D5C7B2 !important; border-radius: 4px !important; font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important; font-size: 13.5px !important; color: #2C2A29 !important; background: #FAF8F5 !important; box-shadow: none !important;}.af-preis-input:focus { border-color: #C5A059 !important; background: #FFFFFF !important; outline: none !important;}.af-preis-sep { padding-bottom: 8px !important; color: #8C7D6B !important; font-weight: 600 !important;}.af-preis-apply-btn { width: 100% !important; background: #2C2A29 !important; color: #FFFFFF !important; border: 1px solid #2C2A29 !important; border-radius: 4px !important; padding: 8px 14px !important; font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important; font-size: 12.5px !important; font-weight: 600 !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; cursor: pointer !important; transition: all 0.18s ease !important;}.af-preis-apply-btn:hover { background: #C5A059 !important; border-color: #C5A059 !important; color: #FFFFFF !important;}/* 7. BOUTIQUE SORT & VIEW TOOLBAR (#product-filter in Template 7428) */#product-filter { margin: 0 0 24px 0 !important; position: relative !important; z-index: 40 !important;}#product-filter .af-boutique-sort-bar { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 12px 18px !important; background: #F4F0EA !important; border: 1px solid #E5DEC9 !important; border-top: none !important; border-radius: 0 0 6px 6px !important; padding: 11px 18px !important; font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important;}.af-sort-bar-left { display: flex !important; align-items: center !important; gap: 8px !important;}.af-sort-page-info { font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important; font-size: 13px !important; color: #5C554E !important;}.af-sort-page-info b { color: #2C2A29 !important; font-weight: 600 !important;}.af-sort-bar-center { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px !important;}.af-sort-label { display: inline-flex !important; align-items: center !important; gap: 6px !important; font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: #6E655C !important; white-space: nowrap !important;}.af-sort-label i { color: #C5A059 !important;}.af-sort-trigger-btn { text-transform: none !important; letter-spacing: 0.02em !important; font-size: 13.5px !important; min-width: 215px !important;}.af-sort-popover-panel { min-width: 265px !important; padding: 10px 12px !important;}.af-sort-option-btn { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; background: transparent !important; border: none !important; border-radius: 4px !important; padding: 8px 10px !important; text-align: left !important; font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important; font-size: 13.5px !important; font-weight: 500 !important; color: #2C2A29 !important; cursor: pointer !important; transition: background 0.14s ease !important;}.af-sort-option-btn:hover { background: #F4EBE8 !important;}.af-sort-option-btn.is-active { background: #F9F4EB !important; font-weight: 600 !important; color: #1A1918 !important;}.af-sort-option-btn .af-sort-check { opacity: 0 !important; color: #C5A059 !important; font-size: 13px !important;}.af-sort-option-btn.is-active .af-sort-check { opacity: 1 !important;}/* Quick-Sort Chips next to Sort Dropdown */.af-quick-sort-chips { display: inline-flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 6px !important;}.af-quick-sort-chip { display: inline-flex !important; align-items: center !important; gap: 5px !important; background: rgba(255, 255, 255, 0.75) !important; border: 1px solid #DDD2C0 !important; border-radius: 16px !important; padding: 5px 11px !important; font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important; font-size: 12px !important; font-weight: 600 !important; color: #5C554E !important; cursor: pointer !important; transition: all 0.16s ease !important;}.af-quick-sort-chip:hover { background: #FFFFFF !important; border-color: #C5A059 !important; color: #2C2A29 !important;}.af-quick-sort-chip.is-active { background: #2C2A29 !important; border-color: #2C2A29 !important; color: #FFFFFF !important;}/* Right side of Sort Bar: Per-Page & View Switcher */.af-sort-bar-right { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 14px !important;}.af-per-page-wrap { display: inline-flex !important; align-items: center !important; gap: 7px !important;}.af-per-page-label,.af-view-label { font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important; font-size: 12.5px !important; font-weight: 500 !important; color: #6E655C !important;}.af-per-page-wrap select#change_current_limit { height: 32px !important; padding: 4px 24px 4px 10px !important; border: 1px solid #D5C7B2 !important; border-radius: 4px !important; background-color: #FFFFFF !important; font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important; font-size: 13px !important; font-weight: 600 !important; color: #2C2A29 !important; cursor: pointer !important; box-shadow: none !important;}.af-per-page-wrap select#change_current_limit:hover,.af-per-page-wrap select#change_current_limit:focus { border-color: #C5A059 !important; outline: none !important;}.af-view-switch-wrap { display: inline-flex !important; align-items: center !important; gap: 6px !important;}.af-view-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 4px !important; border: 1px solid #D5C7B2 !important; background: #FFFFFF !important; color: #6E655C !important; font-size: 14px !important; text-decoration: none !important; transition: all 0.16s ease !important;}.af-view-btn:hover { border-color: #C5A059 !important; color: #2C2A29 !important;}.af-view-btn.active { background: #2C2A29 !important; border-color: #2C2A29 !important; color: #FFFFFF !important;}@media (max-width: 767px) { #filter-horizontal.af-boutique-filter-bar, #product-filter .af-boutique-sort-bar { padding: 10px 12px !important; gap: 8px !important; } .af-filter-popover-panel { min-width: 250px !important; max-width: calc(100vw - 36px) !important; } .af-sort-trigger-btn { min-width: 185px !important; }}/* === AF THEME 34 BUGFIXES (SUCHE, TELEFON, FUNNEL) === *//* ============================================================================ ARTE FRESCA THEME 34 BUGFIXES: SUCHE, AUTOCOMPLETE, TELEFON & FUNNEL-BOXEN ============================================================================ *//* 1. Desktop Header: Verhindert Überlappung von #row-brand (Logo-Link) über #row-search (Lupe) */@media (min-width: 768px) { #header #row-brand { width: 210px !important; max-width: 210px !important; z-index: 15 !important; pointer-events: none !important; } #header #row-brand .brand { display: inline-block !important; width: 200px !important; max-width: 200px !important; pointer-events: auto !important; } #header #row-search { width: 34% !important; max-width: calc(50% - 120px) !important; z-index: 60 !important; pointer-events: auto !important; } #header #row-search form, #header #row-search .input-group, #header #row-search .input-group-btn, #header #row-search button { position: relative !important; z-index: 65 !important; pointer-events: auto !important; }}/* 2. Suchvorschläge (.ui-autocomplete) immer ÜBER dem Menü (#navigation z-index: 99999) */ul.ui-autocomplete,.ui-autocomplete.ui-front,.ui-menu.ui-autocomplete,body > ul.ui-autocomplete { z-index: 2147483647 !important; background: #FFFFFF !important; border: 1px solid #C5A059 !important; border-radius: 6px !important; box-shadow: 0 16px 40px rgba(44, 38, 35, 0.24) !important; padding: 6px 0 !important; max-height: 68vh !important; overflow-y: auto !important; overflow-x: hidden !important; font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important; box-sizing: border-box !important;}ul.ui-autocomplete li.ui-autocomplete-category { background: #F7F3EC !important; color: #7A5C3E !important; font-family: 'Cormorant', Georgia, serif !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; padding: 7px 14px !important; margin: 2px 0 0 0 !important; border-top: 1px solid #EFE6D5 !important; border-bottom: 1px solid #EFE6D5 !important; line-height: 1.35 !important; pointer-events: none !important;}ul.ui-autocomplete li.ui-autocomplete-category:first-child { margin-top: 0 !important; border-top: none !important;}ul.ui-autocomplete li.ui-menu-item { margin: 0 !important; padding: 0 !important; border-bottom: 1px solid #F5EFE6 !important; list-style: none !important; background: #FFFFFF !important;}ul.ui-autocomplete li.ui-menu-item:last-child { border-bottom: none !important;}ul.ui-autocomplete li.ui-menu-item > a,ul.ui-autocomplete li.ui-menu-item > div,ul.ui-autocomplete .ui-menu-item-wrapper { display: block !important; padding: 9px 14px !important; font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important; font-size: 13.5px !important; font-weight: 500 !important; line-height: 1.45 !important; color: #2C2623 !important; text-decoration: none !important; white-space: normal !important; word-break: break-word !important; cursor: pointer !important; border: none !important; background: transparent !important; margin: 0 !important;}ul.ui-autocomplete li.ui-menu-item:hover,ul.ui-autocomplete li.ui-menu-item.ui-state-focus,ul.ui-autocomplete .ui-menu-item-wrapper.ui-state-active,ul.ui-autocomplete .ui-state-focus,ul.ui-autocomplete .ui-state-active { background: #F4EBE8 !important; color: #1A1918 !important; border: none !important; margin: 0 !important;}@media (max-width: 767px) { ul.ui-autocomplete, .ui-autocomplete.ui-front, body > ul.ui-autocomplete { max-width: calc(100vw - 24px) !important; left: 12px !important; right: 12px !important; max-height: 60vh !important; } ul.ui-autocomplete li.ui-menu-item > a, ul.ui-autocomplete li.ui-menu-item > div, ul.ui-autocomplete .ui-menu-item-wrapper { padding: 10px 14px !important; font-size: 14px !important; line-height: 1.4 !important; }}/* 3. Telefonnummer rein als Text ohne Link-Optik */.af-phone-plain { color: inherit !important; text-decoration: none !important; cursor: text !important; pointer-events: auto !important;}/* 4. Verhindert doppelte Empfehlungs-Kästchen unter Kategorien */.af-embedded-funnel-box { display: none !important;}/* === AF THEME 36: KEINE SIDEBAR, 10 HAUPTREITER & MORRIS/SANDERSON BANNER === *//* ============================================================================ ARTE FRESCA THEME 36: KEINE LINKE SEITENLEISTE, 10 HAUPTREITER & MARKENWELT ============================================================================ *//* 1. Alte linke Seitenleiste (#sidebar / .panel-categories) komplett ausblenden, Hauptinhalt (#content) immer auf 100 % volle Boutique-Breite */#sidebar,aside.panel-categories { display: none !important;}#content-wrapper #content,#content-wrapper .row > #content.col-sm-9,#content-wrapper .row > #content.col-sm-6 { width: 100% !important; max-width: 100% !important; left: 0 !important; right: 0 !important; float: none !important;}/* 2. Desktop-Abstände für 10 Hauptmenüpunkte inkl. HOME & ALLE ARTIKEL in 1 Zeile */@media (min-width: 1281px) { #navigation li.dropdown:not(.fhmm-fw) a:first-of-type, #navigation.af-prestige-nav-wrapper ul.nav.navbar-nav.af-prestige-main-menu > li > a.af-main-tab-link, #navigation .af-prestige-main-menu > li > a.af-main-tab-link { font-size: 13px !important; padding: 12px 5.5px !important; letter-spacing: 0.02em !important; }}@media (min-width: 992px) and (max-width: 1280px) { #navigation li.dropdown:not(.fhmm-fw) a:first-of-type, #navigation.af-prestige-nav-wrapper ul.nav.navbar-nav.af-prestige-main-menu > li > a.af-main-tab-link, #navigation .af-prestige-main-menu > li > a.af-main-tab-link { font-size: clamp(10px, 0.86vw, 12.5px) !important; padding-left: clamp(2.5px, 0.32vw, 6px) !important; padding-right: clamp(2.5px, 0.32vw, 6px) !important; letter-spacing: 0px !important; }}/* 3. William Morris & Co. & Sanderson Prestige-Banner (Startseite) & Bestell-Hinweis */.af-morris-sanderson-showcase { width: 96%; max-width: 1500px; margin: 10px auto 56px auto; padding: 34px 32px 30px 32px; background: #FAF8F5; border: 1px solid #DFD3BE; border-top: 3px solid #C5A059; border-radius: 6px; box-shadow: 0 8px 28px rgba(44, 38, 35, 0.05); box-sizing: border-box; text-align: center;}.af-ms-eyebrow { display: block; font-family: 'Nunito', sans-serif !important; font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: #8C6239 !important; margin-bottom: 8px !important;}.af-ms-main-title { font-family: 'Cormorant', Georgia, serif !important; font-size: clamp(24px, 2.5vw, 34px) !important; font-weight: 600 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; color: #2C2623 !important; margin: 0 0 10px 0 !important;}.af-ms-subtitle { font-family: 'Nunito', sans-serif !important; font-size: 15px !important; line-height: 1.65 !important; color: #4A433D !important; max-width: 880px !important; margin: 0 auto 28px auto !important;}.af-ms-cards-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-bottom: 24px; text-align: left;}.af-ms-brand-card { background: #FFFFFF; border: 1px solid #E2D5C1; border-radius: 6px; overflow: hidden; display: flex; flex-direction: column; transition: transform 0.25s ease, box-shadow 0.25s ease;}.af-ms-brand-card:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(44, 38, 35, 0.09); border-color: #C5A059;}.af-ms-card-img-wrap { position: relative; width: 100%; height: 250px; overflow: hidden; background: #F4EFE6; display: block;}.af-ms-card-img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease;}.af-ms-brand-card:hover .af-ms-card-img-wrap img { transform: scale(1.03);}.af-ms-card-badge { position: absolute; top: 14px; left: 14px; background: rgba(253, 251, 247, 0.94); border: 1px solid #C5A059; color: #2C2623; font-family: 'Nunito', sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; padding: 5px 11px !important; border-radius: 3px !important;}.af-ms-card-body { padding: 22px 24px 24px 24px; display: flex; flex-direction: column; flex: 1;}.af-ms-card-title { font-family: 'Cormorant', Georgia, serif !important; font-size: 25px !important; font-weight: 700 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; color: #2C2623 !important; margin: 0 0 8px 0 !important;}.af-ms-card-desc { font-family: 'Nunito', sans-serif !important; font-size: 14px !important; line-height: 1.6 !important; color: #4A433D !important; margin: 0 0 16px 0 !important; flex: 1;}.af-ms-card-quicklinks { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px;}.af-ms-quick-pill { display: inline-block; padding: 5px 11px; background: #F7F3EC; border: 1px solid #DFD3BE; border-radius: 4px; font-family: 'Nunito', sans-serif !important; font-size: 12.5px !important; font-weight: 600 !important; color: #5C4430 !important; text-decoration: none !important; transition: all 0.18s ease;}.af-ms-quick-pill:hover { background: #F4EBE8; border-color: #C5A059; color: #2C2623 !important;}.af-ms-card-cta { display: inline-block; align-self: flex-start; background: #F4EBE8; color: #2C2623 !important; border: 1px solid #C5A059; padding: 9px 18px; border-radius: 4px; font-family: 'Nunito', sans-serif !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; text-decoration: none !important; transition: background 0.2s ease;}.af-ms-card-cta:hover { background: #EAD8D3; color: #1A1918 !important;}/* Bestell-Hinweis-Kasten für Gesamtsortiment (Stoffe, Tapeten, Wandbilder, Original-Farben) */.af-ms-full-catalog-notice { background: #FFFFFF; border: 1px solid #D4AF37; border-left: 4px solid #C5A059; border-radius: 5px; padding: 20px 24px; text-align: center; margin-top: 8px;}.af-ms-notice-title { font-family: 'Cormorant', Georgia, serif !important; font-size: 21px !important; font-weight: 700 !important; color: #2C2623 !important; margin: 0 0 8px 0 !important; text-transform: uppercase !important; letter-spacing: 0.03em !important;}.af-ms-notice-text { font-family: 'Nunito', sans-serif !important; font-size: 14px !important; line-height: 1.65 !important; color: #4A433D !important; max-width: 980px !important; margin: 0 auto 12px auto !important;}.af-ms-plain-urls { display: inline-block; background: #FAF6F0; border: 1px dashed #C5A059; border-radius: 4px; padding: 7px 14px; font-family: 'Nunito', sans-serif !important; font-size: 13px !important; font-weight: 600 !important; color: #5C4430 !important; margin: 4px auto 14px auto;}.af-ms-plain-urls a { color: #5C4430 !important; font-weight: 700 !important; text-decoration: underline !important; text-underline-offset: 3px !important; transition: color 0.18s ease;}.af-ms-plain-urls a:hover { color: #8C6239 !important;}.af-ms-notice-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 6px;}@media (max-width: 860px) { .af-morris-sanderson-showcase { padding: 24px 16px; } .af-ms-cards-grid { grid-template-columns: 1fr; } .af-ms-card-img-wrap { height: 200px; }}/* 4. Filter-Leiste: Keine (0)-Kreise bei nicht ausgewählten Filtern & Hinweis-Text unter FILTERN NACH: */#filter-horizontal .af-filter-active-count,.af-filter-dropdown-group .af-filter-active-count { display: none !important;}#filter-horizontal .af-filter-dropdown-group.has-active-selection .af-filter-active-count,.af-filter-dropdown-group.has-active-selection .af-filter-active-count { display: inline-flex !important;}.af-filter-bar-header-block { width: 100% !important; flex: 0 0 100% !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 5px !important; margin-bottom: 4px !important; padding-bottom: 10px !important; border-bottom: 1px solid #EAE2D3 !important;}.af-filter-bar-helper-note { font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important; font-size: 13px !important; line-height: 1.58 !important; color: #5C554E !important; margin: 0 !important; font-weight: 400 !important; text-align: left !important;}.af-filter-bar-helper-note strong { color: #2C2A29 !important; font-weight: 700 !important;}.af-search-filter-hidden { display: none !important;}