/* Schickes24-Stilschicht im Demo (nach Shopify-Theme "Dawn" von schickes24.de, gelesen 28.09.2026).
   28.09.2026 15:5x (Auftrag Jojo 15:51): alles, was im KitchenKing-Theme gruen ist, ist hier Schickes24-Gold.
   Gold #B08A3E = Logo (gemessen). Kontrast (WCAG 2.1 AA): Gold-Flaeche + Schrift #121212 = 5,84:1;
   Schrift auf Weiss in dunklem Gold #8C6D2F = 4,83:1; Gold nur als Flaeche/Symbol/Rahmen (>= 3:1). */
@import url('schickes24-schrift.css');
:root{--s24-text:#121212;--s24-hell:#f3f3f3;--s24-dunkel:#242833;--s24-gold:#B08A3E;--s24-gold-hell:#C9A24F;--s24-gold-schrift:#8C6D2F}
/* 29.09.2026 entfernt (Joachim Huehn: Schrift „wie kk-live“) – vorher: body,button,input,select,textarea,.page-title,h1,h2,h3,h4,.product-item-name,.action{font-family:'Assistant',Helvetica,Arial,sans-serif!important} */
body{color:var(--s24-text)!important;background:#fff!important}
/* 28.09.2026 16:3x: Breitenbegrenzung 1200 px entfernt - Masse wie kk-live (Jojo: „sieh dir kk-live an") */
a,a:visited,.product-item-link{color:var(--s24-text)!important}
/* Kopfleiste und Gruenflaechen des KitchenKing-Themes -> Gold, Schrift dunkel */
.panel.wrapper,.header-top,.top-header,.page-header .panel,.kk-usp,.usp-bar{background:var(--s24-gold)!important;color:var(--s24-text)!important}
.panel.wrapper a,.header-top a,.top-header a,.kk-usp a{color:var(--s24-text)!important}
.action.primary,.action.tocart,.action.checkout,button.primary,.btn-primary,.action-primary{background:var(--s24-gold)!important;border-color:var(--s24-gold)!important;color:var(--s24-text)!important;border-radius:0!important;box-shadow:none!important}
.action.primary:hover,.action.tocart:hover,.action.checkout:hover,button.primary:hover{background:var(--s24-gold-hell)!important;border-color:var(--s24-gold-hell)!important;color:var(--s24-text)!important}
.action.primary *,.action.tocart *,.action.checkout *,.action.primary:before,.action.tocart:before,.action.tocart:after,.action.primary:after{color:var(--s24-text)!important}
.price,.price-box .price,.special-price .price{color:var(--s24-text)!important}
.page-footer,.footer.content{background:var(--s24-hell)!important;color:var(--s24-text)!important}
.logo img{max-width:200px!important;height:auto!important}
/* Warenkorb-Knoepfe Bearbeiten/Entfernen */
.cart.item .actions-toolbar .action{background-color:var(--s24-gold)!important;border-color:var(--s24-gold)!important}
.cart.item .actions-toolbar .action,.cart.item .actions-toolbar .action:before{color:var(--s24-text)!important}
.cart.item .actions-toolbar .action:hover{background-color:var(--s24-gold-hell)!important}

/* Meldungsleisten (Jojo 15:5x: „der rote hinterlegte link muss schickes-gold werden - ruhig kräftig") */
.message.error,.message.warning,.message.notice,.message.info,.message.success,.messages .message{background:var(--s24-gold)!important;color:var(--s24-text)!important;border:0!important;font-weight:600!important}
.message.error a,.message.warning a,.message.notice a,.message.info a,.message.success a,.messages .message a{color:var(--s24-text)!important;text-decoration:underline!important}
.message.error>:first-child:before,.message.warning>:first-child:before,.message.notice>:first-child:before,.message.info>:first-child:before,.message.success>:first-child:before{color:var(--s24-text)!important}

/* Produktseite (Jojo 15:5x: „alles bündig - in den warenkorb kleiner und nichts aus dem kasten herausstehend. auf lager kann niemand lesen.") */
.catalog-product-view .stock.available,.catalog-product-view .stock.unavailable,.stock.available,.stock.unavailable{background:var(--s24-gold)!important;color:var(--s24-text)!important;border-radius:0!important}
.stock.available span,.stock.unavailable span{color:var(--s24-text)!important}
.catalog-product-view .box-tocart .fieldset{display:flex!important;flex-wrap:nowrap!important;align-items:flex-end!important;gap:10px!important;width:100%!important}
.catalog-product-view .box-tocart .field.qty{margin:0!important;padding:0!important}
.catalog-product-view .box-tocart .actions{margin:0!important;padding:0!important;display:block!important}
.catalog-product-view #product-addtocart-button{height:50px!important;min-height:50px!important;width:auto!important;padding:0 14px!important;font-size:18px!important;line-height:50px!important;white-space:nowrap!important;margin:0!important;display:inline-flex!important;align-items:center!important;gap:8px!important}
.catalog-product-view #product-addtocart-button br{display:none!important}
.catalog-product-view #product-addtocart-button *{display:inline!important;margin:0!important;line-height:1!important}
.catalog-product-view .product-social-links{position:static!important;float:none!important;clear:both!important;width:100%!important;max-width:100%!important;margin:12px 0 0!important;padding:0!important;right:auto!important;left:auto!important;transform:none!important}
.catalog-product-view .product-addto-links{position:static!important;display:flex!important;flex-wrap:wrap!important;gap:6px 18px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;float:none!important}
.catalog-product-view .product-social-links .action,.catalog-product-view .product-addto-links .action{position:static!important;float:none!important;display:inline-block!important;width:auto!important;margin:0!important;white-space:normal!important}
.catalog-product-view .mod-catalog-details-main{overflow:hidden!important}

.catalog-product-view .product-info-main,.catalog-product-view .box-tocart{overflow:visible!important}
.catalog-product-view .box-tocart .field.qty .control,.catalog-product-view .box-tocart #qty{height:50px!important;margin:0!important}

/* Fusszeile (Jojo 16:0x): Schrift auf Goldflaechen dunkel (5,84:1) statt weiss (3,21:1) */
.footer.content .block.newsletter,.footer.content .block.newsletter *,.page-footer .copyright,.page-footer .copyright *{color:var(--s24-text)!important}
.footer.content .block.newsletter input{color:var(--s24-text)!important;background:#fff!important}
#kk-mini-footer a{color:var(--s24-gold-schrift)!important}
.page-footer .block.newsletter strong,.page-footer .block.newsletter p,.page-footer .block.newsletter span,.page-footer .block.newsletter label,.tpl-footer-copyright,.tpl-footer-copyright p,.tpl-footer-copyright *{color:var(--s24-text)!important}
.tpl-footer-newsletter .inner-col-text,.tpl-footer-newsletter .inner-col-text *,.tpl-footer-newsletter .action,.tpl-footer-newsletter button{color:var(--s24-text)!important}
/* Kopfleiste oben (Jojo 16:1x: „die müssen weiß sein, wie das andere im oberen menü") */
.tpl-topnav-info a,.tpl-topnav-info a *,.tpl-topnav-info a:visited{color:#ffffff!important;text-decoration:underline!important;font-weight:700!important}

/* Produktraster (Jojo 16:2x: „die müssen schon gerade auf einer linie sein"): Name füllt, Preis und Knöpfe unten auf einer Linie */
.products-grid .product-items{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important}
.products-grid .product-item{display:flex!important}
.products-grid .product-item-info{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important}
.products-grid .product-item-details{display:flex!important;flex-direction:column!important;flex:1 1 auto!important}
.products-grid .product-item-name{flex:1 1 auto!important}
.products-grid .product-item-details .price-box{margin-top:12px!important}
.products-grid .product-item-inner{margin-top:auto!important}
.products-grid .product-item-actions{display:flex!important;align-items:center!important;gap:12px!important}
/* Symbole in kräftigem Gold #B8860B (3,27:1 auf Weiß, WCAG 1.4.11 >= 3:1) */
.action.towishlist:before,.action.tocompare:before,.product-item-actions .action.towishlist:before,.product-item-actions .action.tocompare:before,.block-search .action.search:before,.minicart-wrapper .action.showcart:before{color:#B8860B!important}
.action.towishlist:hover:before,.action.tocompare:hover:before{color:var(--s24-gold-schrift)!important}
/* Produktseite (Jojo 16:2x: „das garantielogo soll bündig sein"): Anzahl 50 + Abstand 10 + Knopf 200 = 260 px; Gewährleistungskasten genau so breit, ohne Innenabstand */
.catalog-product-view .box-tocart .fieldset{gap:10px!important}
.catalog-product-view #product-addtocart-button{width:200px!important;justify-content:center!important}

/* Kasse/Warenkorb im Startseiten-Design (Jojo 16:2x: „keine anderes style bitte!") */
/* Pflichtlink-Zeile (Widget 6/Block 45) doppelt zur vollen Fusszeile -> ausgeblendet (Fusszeile enthaelt alle Pflichtlinks) */
.kk-pflichtlinks{display:none!important}
/* Kopfsymbole in einer Reihe, auch in der Kasse */
.tpl-topnav-user-menu>ul{display:flex!important;flex-wrap:nowrap!important;align-items:flex-start!important}
.tpl-topnav-user-menu>ul>li{float:none!important;flex:0 0 auto!important}
/* Fortschrittsbalken Gold statt Gelb */
.opc-progress-bar-item._active:before,.opc-progress-bar-item._complete:before{background:var(--s24-gold)!important}
.opc-progress-bar-item._active>span:before,.opc-progress-bar-item._complete>span:before{border-color:var(--s24-gold)!important;background:var(--s24-gold)!important}
.opc-progress-bar-item._active>span:after,.opc-progress-bar-item._complete>span:after{color:var(--s24-text)!important}
/* Fliesstext in Kasse wie Startseite */
/* 29.09.2026 entfernt (Joachim Huehn: Schrift „wie kk-live“) – vorher: .checkout-index-index .page-main p,.checkout-index-index .page-main li,.checkout-index-index .page-main td,.checkout-index-index .page-main .note,.checkout-index-index .page-main .field-note,.checkout-index-index .page-main input,.checkout-index-index .page-main select,.checkout-cart-index .page-main p{font-family:'Assistant',Helvetica,Arial,sans-serif!important} */
/* 17:1x Jojo: Emblem gesetzliche Gewaehrleistung wie kk-live - Kasten 420 px mit Rahmen und Innenabstand (Blockstil), Emblem 390 px, links buendig mit Anzahl */
.catalog-product-view .product-info-main .kk-gw{box-sizing:border-box!important;width:420px!important;max-width:100%!important;margin:12px 0 0!important}
/* GARAN in der Kasse wie kk-live: volles Label 260 px, EU-Link */
.kkg-garan-kasse-s24 .kk-garan-voll-s24 img{display:block!important;width:300px!important;max-width:100%!important;height:auto!important}
.kkg-garan-kasse-s24 .kkg-garan-eu{margin:6px 0 0!important}
.kkg-garan-kasse-s24 .kkg-garan-eu a{text-decoration:underline!important}
/* GARAN Produktseite wie kk-live (Kasten, volles Label 260 px, kein Aufklapp-Fenster mehr) */
.catalog-product-view .kk-garan-produkt-s24{margin:12px 0 0!important;width:420px;max-width:100%}
.kk-garan-produkt-s24 .kk-garan-kasten{box-sizing:border-box;border:1px solid rgba(0,0,0,.15);background:#fff;padding:12px 14px}
.kk-garan-produkt-s24 .kk-garan-kasten h3{font-size:15px!important;margin:0 0 8px!important;font-weight:700!important}
.kk-garan-produkt-s24 .kk-garan-kasten img{display:block;width:100%!important;max-width:100%!important;height:auto!important}
.kk-garan-produkt-s24 .kk-garan-kasten p{margin:6px 0 0;font-size:13px}
.kk-garan-produkt-s24 .kk-garan-kasten a{text-decoration:underline}
/* Reihenfolge wie kk-live: Knopf -> GARAN -> Gewaehrleistung */
.catalog-product-view .product-info-main{display:flex!important;flex-direction:column!important}
.catalog-product-view .product-info-main>.kk-garan-produkt-s24{order:2}
.catalog-product-view .product-info-main>.widget.block-static-block{order:3}

/* 01.10.2026 GARAN-GROESSE (Jojo „mir erscheint das zu klein - drauf klicken kann man nicht“ / „so umsetzen“): Label anklickbar, volle Größe am <body> */
.kk-garan-zoom{margin:0}.kk-garan-zoom>summary{list-style:none;cursor:zoom-in;display:block}.kk-garan-zoom>summary::-webkit-details-marker{display:none}
.kk-garan-zoom>summary:focus-visible{outline:2px solid #B08A3E}.kk-garan-hinweis{display:block;font-size:12px;color:#555;margin:2px 0 6px}
.kk-garan-ueberlagerung{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;background:rgba(0,0,0,.82);align-items:center;justify-content:center;flex-direction:column;cursor:zoom-out}
.kk-garan-ueberlagerung img{display:block;width:728px;max-width:94vw;max-height:86vh;height:auto;object-fit:contain;background:#fff;margin:0}
.kk-garan-zu{background:none;border:0;color:#fff;font-size:16px;margin-top:10px;text-decoration:underline;cursor:pointer}