/* =========================================================
   Julias Herzblut – Design
   ========================================================= */
:root{
  --cream:#F7F3EC; --paper:#FFFDF8; --navy:#1F2A37; --navy-2:#2C3A4A;
  --red:#9E2B25; --red-dark:#7E211C; --sage:#7C8F7A; --line:#E3DBCD;
  --muted:#6B6B63; --sand:#E8C9A6;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--cream);color:var(--navy);
  font:16px/1.55 "Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,.hb-price,.hb-logo{font-family:Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:-.01em;margin:0;color:var(--navy)}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.hb-wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.hb-skip{position:absolute;left:-9999px}
.hb-skip:focus{left:12px;top:12px;background:#fff;padding:8px 14px;z-index:99}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.hb-main{min-height:40vh}

/* ---------- Kopf ---------- */
.hb-header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:50}
.hb-bar{display:flex;align-items:center;gap:26px;height:72px}
.hb-logo{font-size:21px;letter-spacing:.02em;color:#fff;white-space:nowrap}
.hb-logo b{color:var(--sand)}
.hb-nav-list{display:flex;gap:20px;font-size:14.5px;list-style:none;margin:0;padding:0;opacity:.92}
.hb-nav-list a{color:#fff}
.hb-nav-list a:hover{color:var(--sand)}
.hb-search{margin-left:auto;display:flex;align-items:center;background:rgba(255,255,255,.12);border-radius:999px;padding:9px 16px;gap:10px;min-width:260px;color:#fff}
.hb-search input{border:0;background:transparent;color:#fff;outline:none;width:100%;font-size:14.5px}
.hb-search input::placeholder{color:rgba(255,255,255,.65)}
.hb-cart{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:8px 16px;font-size:14px;color:#fff;white-space:nowrap}
.hb-cart:hover{border-color:var(--sand);color:var(--sand)}

/* ---------- Hero ---------- */
.hb-hero{padding:64px 0 40px;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.hb-eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--red);font-weight:700}
.hb-hero h1{font-size:46px;line-height:1.12;margin:14px 0 16px}
.hb-hero p{font-size:18px;color:var(--muted);max-width:52ch;margin:0 0 26px}
.hb-chips{display:flex;gap:10px;flex-wrap:wrap}
.hb-chip{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:13.5px;color:var(--navy-2)}
.hb-chip b{color:var(--red)}
.hb-heroart{position:relative;height:320px}
.hb-book{position:absolute;border-radius:4px;box-shadow:0 24px 44px rgba(31,42,55,.22);background:#fff;overflow:hidden}
.hb-book img{width:100%;height:100%;object-fit:cover;display:block}
.hb-b1{width:200px;height:200px;left:20px;top:70px;transform:rotate(-6deg)}
.hb-b2{width:220px;height:220px;left:160px;top:30px;transform:rotate(2deg);z-index:2}
.hb-b3{width:190px;height:190px;left:310px;top:90px;transform:rotate(7deg)}

/* ---------- Abschnitte ---------- */
.hb-section{padding:34px 0}
.hb-sec-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px;gap:16px}
.hb-sec-head h2{font-size:28px}
.hb-sec-head a{font-size:14px;color:var(--red);font-weight:600}

/* ---------- Klassenkacheln ---------- */
.hb-classes{display:grid;grid-template-columns:repeat(13,1fr);gap:8px}
.hb-cls{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px 0;text-align:center;font-family:Georgia,serif;font-size:17px;transition:.15s}
.hb-cls span{display:block;font-family:"Inter",sans-serif;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:3px}
.hb-cls:hover{border-color:var(--navy);background:#fff;transform:translateY(-2px)}

/* ---------- Filter + Grid ---------- */
.hb-quickfilter{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:20px;font-size:14px;color:var(--muted)}
.hb-filter{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:13.5px;color:var(--navy)}
.hb-filter:hover{border-color:var(--navy);background:#fff}
.hb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

/* ---------- Produktkarten ---------- */
.hb-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s;list-style:none;margin:0}
.hb-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(31,42,55,.10)}
.hb-cover{aspect-ratio:1/1;background:#EDE6D8;overflow:hidden;display:block}
.hb-cover img{width:100%;height:100%;object-fit:cover;display:block}
.hb-card-body{padding:15px 16px 17px;display:flex;flex-direction:column;gap:8px;flex:1}
.hb-meta{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:#4F6B4C;font-weight:700}
.hb-card h3{font-size:18.5px;line-height:1.25}
.hb-pages{font-size:14px;color:#55554E}
.hb-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px}
.hb-price{font-size:18px;font-weight:700}
.hb-price small{font-size:12px;font-weight:400;color:var(--muted);display:block;font-family:"Inter",sans-serif}
.hb-btn{display:inline-block;background:var(--red);color:#fff;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600;border:0;cursor:pointer;text-align:center;line-height:1.4}
.hb-btn:hover{background:var(--red-dark);color:#fff}
.hb-btn-ghost{background:transparent;color:var(--navy);border:1px solid var(--line);font-size:13.5px;padding:8px 15px}
.hb-btn-ghost:hover{background:#fff;color:var(--navy);border-color:var(--navy)}

/* ---------- Schritte ---------- */
.hb-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hb-step{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px}
.hb-num{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:700;margin-bottom:12px}
.hb-step h3{font-size:19px;margin-bottom:6px}
.hb-step p{margin:0;color:var(--muted);font-size:14.5px}

/* ---------- Fuß ---------- */
.hb-footer{background:var(--navy);color:#D8DEE6;margin-top:40px;padding:38px 0}
.hb-foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;font-size:14px}
.hb-logo-light{margin-bottom:10px}
.hb-foot-text{color:#C6CFD9;margin:0}
.hb-footer h4{color:#fff;font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-family:"Inter",sans-serif}
.hb-footer a{display:block;padding:3px 0;color:#C6CFD9}
.hb-footer a:hover{color:#fff}
.hb-footer ul{list-style:none;margin:0;padding:0}
.hb-fine{border-top:1px solid rgba(255,255,255,.14);margin-top:26px;padding-top:16px;font-size:12.5px;color:#9AA6B3;display:flex;justify-content:space-between;gap:16px}

/* =========================================================
   WooCommerce
   ========================================================= */
.hb-main .site-container,.hb-main .content-area,.hb-main .site-main{padding:0;margin:0;max-width:none}
.woocommerce-products-header,.hb-main h1.entry-title,.woocommerce-breadcrumb{padding-left:22px;padding-right:22px;max-width:1180px;margin-left:auto;margin-right:auto}
.woocommerce-products-header{padding-top:40px;padding-bottom:8px}
.woocommerce-products-header__title,.hb-main h1.entry-title{font-size:34px;margin:0}
.woocommerce-breadcrumb{font-size:13px;color:var(--muted);margin:12px auto 0}
.woocommerce-breadcrumb a{color:var(--muted);text-decoration:underline}
.hb-main .woocommerce{margin-top:16px}
.hb-main .woocommerce ul.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0 22px;max-width:1180px;margin:0 auto}
.hb-main .woocommerce ul.products::before,.hb-main .woocommerce ul.products::after{display:none}
.hb-main .woocommerce ul.products li.product{width:100%!important;float:none!important;margin:0!important;clear:none!important}

/* Produktseite */
.hb-main .product{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;max-width:1180px;margin:0 auto;padding:36px 22px 10px}
.hb-main .product .onsale{display:none}
.hb-main .woocommerce-product-gallery{width:100%!important;float:none!important;margin:0!important;position:relative}
.hb-main .woocommerce-product-gallery__wrapper{border-radius:14px;overflow:hidden;background:#EDE6D8}
.hb-main .woocommerce-product-gallery__image img{border-radius:0}
.hb-main .product_title{font-size:32px;line-height:1.2;margin:0 0 10px}
.hb-main .product_meta{font-size:13px;color:var(--muted);margin-top:14px}
.hb-main .product_meta a{color:var(--muted);text-decoration:underline}
.hb-main .price{font-size:26px;font-weight:700;color:var(--navy);margin:14px 0 6px;display:block}
.hb-main .price small,.hb-main .price .woocommerce-price-suffix{font-size:13px;color:var(--muted);font-weight:400}
.hb-main .woocommerce-product-details__short-description{color:var(--navy-2);font-size:16px;margin:10px 0 18px}
.hb-main .variations{width:100%;border-collapse:collapse;margin-bottom:16px}
.hb-main .variations th,.hb-main .variations td{text-align:left;padding:6px 0;font-size:14.5px;vertical-align:middle}
.hb-main .variations th{width:90px;font-weight:600;color:var(--navy)}
.hb-main .variations select{width:100%;max-width:340px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font-size:15px;color:var(--navy)}
.hb-main .woocommerce-variation-price .price{font-size:22px;margin:6px 0 12px}
.hb-main .single_add_to_cart_button,.hb-main .button.alt,.hb-main .checkout-button{
  background:var(--red)!important;color:#fff!important;border-radius:999px!important;padding:13px 26px!important;font-size:16px!important;font-weight:600!important;border:0!important;width:100%;cursor:pointer
}
.hb-main .single_add_to_cart_button:hover,.hb-main .checkout-button:hover{background:var(--red-dark)!important}
.hb-main .quantity input{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);width:80px}
.hb-main form.cart{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin:8px 0 10px}
.hb-main form.cart .quantity{flex:0 0 auto}
.hb-main form.cart .single_add_to_cart_button{flex:1 1 200px;width:auto}
.hb-probe{margin:12px 0 8px}
.hb-trust{font-size:13.5px;color:var(--muted);margin:0 0 18px}
.hb-main .woocommerce-tabs{max-width:1180px;margin:20px auto 0;padding:0 22px}
.hb-main .woocommerce-tabs ul.tabs{padding:0;margin:0 0 18px;border-bottom:1px solid var(--line);display:flex;gap:22px;list-style:none}
.hb-main .woocommerce-tabs ul.tabs li{margin:0;padding:0;background:none;border:0}
.hb-main .woocommerce-tabs ul.tabs li a{display:block;padding:11px 2px;font-size:15px;color:var(--muted);font-weight:600;border-bottom:2px solid transparent}
.hb-main .woocommerce-tabs ul.tabs li.active a{color:var(--navy);border-color:var(--red)}
.hb-main .woocommerce-tabs .panel{padding:6px 2px 24px;font-size:16px;line-height:1.65}
.hb-main .woocommerce-tabs .panel h2{font-size:22px;margin:18px 0 10px}
.hb-main .related.products,.hb-main .upsells.products{max-width:1180px;margin:40px auto 0;padding:0 22px}
.hb-main .related.products > h2,.hb-main .upsells.products > h2{font-size:26px;margin-bottom:16px}
.hb-main .related.products ul.products{padding:0}

/* Meldungen, Formulare */
.woocommerce-message,.woocommerce-info,.woocommerce-error{max-width:1180px;margin:16px auto;padding:14px 18px;border-radius:12px;background:#EEF3EC;border:1px solid #CFDCC9;color:#2C3A2A;list-style:none;font-size:14.5px}
.woocommerce-error{background:#FBEDEC;border-color:#E8BDBA;color:#6E1F1A}
.woocommerce-message .button,.woocommerce-info .button,.woocommerce-error .button{float:right;background:var(--navy);color:#fff;border-radius:999px;padding:7px 13px;font-size:13px}
.hb-main input[type=text],.hb-main input[type=email],.hb-main input[type=tel],.hb-main input[type=password],.hb-main input[type=search],.hb-main textarea,.hb-main select{
  background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:11px 13px;font-size:15px;color:var(--navy);outline:none;width:100%
}
.hb-main input:focus,.hb-main textarea:focus,.hb-main select:focus{border-color:var(--sage);box-shadow:0 0 0 3px rgba(124,143,122,.18)}
.hb-main label{font-size:14px;color:var(--navy-2)}

/* Warenkorb / Kasse */
.hb-main .woocommerce-cart-form,.hb-main .cart-collaterals,.hb-main .woocommerce-checkout{max-width:1180px;margin:0 auto;padding:10px 22px}
.hb-main .woocommerce table.shop_table{border:1px solid var(--line);border-radius:14px;border-collapse:separate;border-spacing:0;background:var(--paper);overflow:hidden}
.hb-main .woocommerce table.shop_table th{background:#F1EBE0;font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--navy-2);padding:12px 14px;text-align:left}
.hb-main .woocommerce table.shop_table td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:middle}
.hb-main .cart_item img{width:64px;border-radius:8px}
.hb-main .cart-collaterals{display:flex;justify-content:flex-end;padding-top:18px}
.hb-main .cart_totals{width:100%;max-width:420px}
.hb-main .cart_totals h2{font-size:22px;margin-bottom:10px}
.hb-main .checkout{display:grid;grid-template-columns:1.1fr .9fr;gap:36px}
.hb-main .woocommerce-checkout-review-order{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px}
.hb-main .woocommerce-checkout-review-order-table th,.hb-main .woocommerce-checkout-review-order-table td{padding:9px 6px;border-top:1px solid var(--line)}
.hb-main form.checkout h3{font-size:22px;margin:22px 0 12px}
.hb-main .form-row{margin-bottom:14px}
.hb-main #payment{background:transparent;border-radius:14px}
.hb-main #payment ul.payment_methods{padding:0;margin:0 0 14px;list-style:none;border:0}
.hb-main #payment ul.payment_methods li{padding:10px 0;border-bottom:1px solid var(--line)}
.hb-main #payment div.form-row.place-order{padding:0;margin:0}
.hb-main .woocommerce-terms-and-conditions-wrapper{font-size:13.5px;color:var(--muted);margin-bottom:14px}
.hb-main .woocommerce-privacy-policy-text{font-size:13px;color:var(--muted)}

/* Bestellbestätigung */
.hb-main .woocommerce-order{max-width:900px;margin:0 auto;padding:24px 22px}
.hb-main .woocommerce-thankyou-order-details{display:flex;flex-wrap:wrap;gap:18px;list-style:none;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:14px}
.hb-main .woocommerce-thankyou-order-details li{font-size:14px}
.hb-main .woocommerce-order-downloads h2,.hb-main .woocommerce-order-details h2{font-size:22px;margin:26px 0 12px}
.hb-main .woocommerce-MyAccount-navigation ul{list-style:none;padding:0}

/* Pagination / Sortierung */
.woocommerce-pagination ul.page-numbers{display:flex;gap:8px;list-style:none;justify-content:center;padding:26px 0}
.woocommerce-pagination a,.woocommerce-pagination span{border:1px solid var(--line);border-radius:10px;padding:8px 13px;background:var(--paper);font-size:14px}
.woocommerce-pagination span.current{background:var(--navy);color:#fff;border-color:var(--navy)}
.hb-main .woocommerce-notices-wrapper{max-width:1180px;margin:0 auto;padding:0 22px}

/* Seiteninhalte (Rechtstexte) */
.hb-page{max-width:820px;margin:0 auto;padding:36px 22px 10px}
.hb-page h1{font-size:34px;margin-bottom:16px}
.hb-page h2{font-size:23px;margin:26px 0 10px}
.hb-page p,.hb-page li{font-size:16px;line-height:1.7;color:var(--navy-2)}
.hb-page a{color:var(--red);text-decoration:underline}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .hb-hero{grid-template-columns:1fr;padding-top:34px}
  .hb-heroart{display:none}
  .hb-hero h1{font-size:34px}
  .hb-classes{grid-template-columns:repeat(7,1fr)}
  .hb-grid{grid-template-columns:repeat(2,1fr)}
  .hb-steps{grid-template-columns:1fr}
  .hb-nav{display:none}
  .hb-search{min-width:0}
  .hb-main .product{grid-template-columns:1fr;gap:24px;padding-top:22px}
  .hb-main .woocommerce ul.products{grid-template-columns:repeat(2,1fr)}
  .hb-main .checkout{grid-template-columns:1fr}
  .hb-foot-grid{grid-template-columns:1fr 1fr}
  .hb-fine{flex-direction:column}
}
@media (max-width:600px){
  .hb-bar{gap:12px;height:64px}
  .hb-logo{font-size:18px}
  .hb-search{display:none}
  .hb-cart{padding:7px 12px;font-size:13px}
  .hb-hero h1{font-size:29px}
  .hb-classes{grid-template-columns:repeat(4,1fr)}
  .hb-grid,.hb-main .woocommerce ul.products{grid-template-columns:1fr}
  .hb-foot-grid{grid-template-columns:1fr}
  .hb-main .product_title{font-size:26px}
  .hb-main .woocommerce table.shop_table_responsive td{font-size:14px}
}

/* =========================================================
   Exakte Markenfarben (verbindlich, Georg 18.10.2026)
   ========================================================= */
:root{
  --jh-cream:#F7F3EC; --jh-paper:#FFFDF8; --jh-navy:#1F2A37;
  --jh-red:#9E2B25; --jh-sage:#7C8F7A; --jh-line:#E3DBCD;
  /* Kadence-Palette neutralisieren – keine kühlen Grautöne */
  --global-palette1:#9E2B25; --global-palette2:#1F2A37; --global-palette3:#1F2A37;
  --global-palette4:#2C3A4A; --global-palette5:#E3DBCD; --global-palette6:#F7F3EC;
  --global-palette7:#FFFDF8; --global-palette8:#F7F3EC; --global-palette9:#FFFDF8;
  --global-palette-btn-bg:#9E2B25; --global-palette-btn-bg-hover:#7E211C;
  --global-palette-btn:#FFFFFF; --global-palette-btn-hover:#FFFFFF;
  --global-body-bg:#F7F3EC; --global-content-bg:#F7F3EC;
}
body,.site,.content-area,.site-container,.entry-content,.site-content,.wp-site-blocks{
  background-color:var(--jh-cream)!important;color:var(--jh-navy);
}
.hb-header,.site-header,.main-header-row{background-color:var(--jh-navy)!important}
.hb-header a,.site-header a,.site-title a,.hb-logo{color:#FFFDF8!important}
h1,h2,h3,h4,.entry-title,.woocommerce-products-header__title,.product_title{
  font-family:Georgia,"Times New Roman",serif!important;color:var(--jh-navy)!important;
}
.hb-main a:not(.hb-btn):not(.hb-filter):not(.hb-cls){color:var(--jh-navy)}
.hb-sec-head a,.hb-meta,.hb-page a{color:var(--jh-red)!important}
button,.button,.single_add_to_cart_button,.checkout-button,.hb-btn,.wp-block-button__link{
  background-color:var(--jh-red)!important;color:#FFFDF8!important;border-color:var(--jh-red)!important;
}
button:hover,.button:hover,.single_add_to_cart_button:hover,.hb-btn:hover{
  background-color:var(--jh-red-dark,#7E211C)!important;border-color:var(--jh-red-dark,#7E211C)!important;
}
.hb-btn-ghost{background-color:transparent!important;color:var(--jh-navy)!important;border-color:var(--jh-line)!important}
.hb-btn-ghost:hover{background-color:#FFF!important;border-color:var(--jh-navy)!important}
.hb-card,.hb-step,.hb-filter,.hb-cls,.hb-chip{background-color:var(--jh-paper)!important;border-color:var(--jh-line)!important}
.hb-pages,.hb-hero p,.hb-step p,.hb-trust,.woocommerce-breadcrumb{color:#6B6B63!important}
.hb-footer{background-color:var(--jh-navy)!important}
input,select,textarea{background-color:var(--jh-paper)!important;border-color:var(--jh-line)!important;color:var(--jh-navy)!important}
.woocommerce-message{background:#EEF3EC!important;border-color:#CFDCC9!important}
.woocommerce-info{background:#F1EBE0!important;border-color:var(--jh-line)!important;color:var(--jh-navy)!important}
.woocommerce-error{background:#FBEDEC!important;border-color:#E8BDBA!important}

/* Mobiles Menü */
.hb-mnav{display:none}
.hb-mnav summary{list-style:none;cursor:pointer;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:7px 14px;font-size:14px;color:#fff}
.hb-mnav summary::-webkit-details-marker{display:none}
.hb-mnav-list{position:absolute;right:16px;top:62px;background:var(--navy);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:10px;min-width:200px;box-shadow:0 18px 40px rgba(0,0,0,.28);z-index:80}
.hb-mnav-list a{display:block;padding:9px 12px;border-radius:8px;color:#fff;font-size:15px}
.hb-mnav-list a:hover{background:rgba(255,255,255,.08)}
@media (max-width:900px){.hb-mnav{display:block;margin-left:auto}}