#fabula-coffee-home{
  color-scheme: light;
  --ink: #100f0f;
  --muted: #6f6964;
  --cream: #f5f0eb;
  --cream-deep: #eee6df;
  --soft: #faf7f4;
  --red: #d6121a;
  --orange: #e77b18;
  --brown: #766454;
  --green: #6d9c6b;
  --line: #e8e2dd;
  --serif: "New Spirit", Georgia, "Times New Roman", serif;
  --sans: Inter, Arial, Helvetica, sans-serif;
}

@font-face { font-family: "New Spirit"; src: url("https://fabulacoffeeshop.de.com/wp-content/uploads/fabula-home/assets/fonts/NewSpirit-Regular.otf") format("opentype"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "New Spirit"; src: url("https://fabulacoffeeshop.de.com/wp-content/uploads/fabula-home/assets/fonts/NewSpirit-Medium.otf") format("opentype"); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: "New Spirit"; src: url("https://fabulacoffeeshop.de.com/wp-content/uploads/fabula-home/assets/fonts/NewSpirit-Bold.otf") format("opentype"); font-style: normal; font-weight: 600 800; font-display: swap; }
@font-face { font-family: Inter; src: url("https://fabulacoffeeshop.de.com/wp-content/uploads/fabula-home/assets/fonts/Inter_18pt-Regular.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: Inter; src: url("https://fabulacoffeeshop.de.com/wp-content/uploads/fabula-home/assets/fonts/Inter_18pt-SemiBold.woff2") format("woff2"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: Inter; src: url("https://fabulacoffeeshop.de.com/wp-content/uploads/fabula-home/assets/fonts/Inter-Bold.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: Europa; src: url("https://fabulacoffeeshop.de.com/wp-content/uploads/fabula-home/assets/fonts/EuropaRegular.otf") format("opentype"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: Europa-Bold; src: url("https://fabulacoffeeshop.de.com/wp-content/uploads/fabula-home/assets/fonts/EuropaBold.otf") format("opentype"); font-style: normal; font-weight: 700; font-display: swap; }

#fabula-coffee-home, #fabula-coffee-home *{ box-sizing: border-box; }
#fabula-coffee-home{ scroll-behavior: smooth; }
#fabula-coffee-home{ margin: 0; color: var(--ink); background: #fff; font-family: var(--sans); font-size: 16px; line-height: 1.5; }
#fabula-coffee-home img{ display: block; max-width: 100%; }
#fabula-coffee-home a{ color: inherit; text-decoration: none; }
#fabula-coffee-home button,
#fabula-coffee-home input,
#fabula-coffee-home select{ font: inherit; }
#fabula-coffee-home button{ color: inherit; }
#fabula-coffee-home .section-shell{ width: min(100% - 64px, 1240px); margin-inline: auto; }
#fabula-coffee-home .visually-hidden{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

#fabula-coffee-home .announcement-bar{ display: flex; align-items: center; justify-content: center; min-height: 36px; padding: 7px 16px; color: #fff; background: #080808; font-size: 13px; font-weight: 700; letter-spacing: .02em; text-align: center; }
#fabula-coffee-home .site-header{ position: sticky; top: 0; z-index: 50; background: var(--cream); box-shadow: 0 1px 0 rgba(50,42,36,.06); }
#fabula-coffee-home .header-inner{ width: min(100% - 96px, 1440px); height: 90px; margin: 0 auto; display: grid; grid-template-columns: 62px minmax(0, 1fr) auto; align-items: center; gap: 34px; }
#fabula-coffee-home .brand{ display: inline-flex; width: 60px; height: 61px; overflow: hidden; background: #77685a; align-items: center; justify-content: center; }
#fabula-coffee-home .brand-wordmark{ color: #f5f0eb; font: 700 17px/1 var(--serif); letter-spacing: -.07em; writing-mode: vertical-rl; transform: rotate(180deg); }
#fabula-coffee-home .desktop-nav{ display: flex; align-items: center; justify-content: space-around; gap: clamp(14px, 2.35vw, 38px); white-space: nowrap; }
#fabula-coffee-home .desktop-nav > a{ font-size: 12px; line-height: 1; font-weight: 700; }
#fabula-coffee-home .desktop-nav > a:hover,
#fabula-coffee-home .footer-link-group a:hover,
#fabula-coffee-home .footer-bottom a:hover{ text-decoration: underline; text-underline-offset: 3px; }
#fabula-coffee-home .nav-star{ display: inline-flex; width: 17px; height: 17px; margin-left: 2px; border: 1px solid currentColor; border-radius: 50%; align-items: center; justify-content: center; font-size: 10px; }
#fabula-coffee-home .discount-tag{ display: inline-block; margin-left: 5px; padding: 3px 6px 2px; border-radius: 9px; background: #ffcf29; color: #231e19; font-size: 10px; }
#fabula-coffee-home .header-actions{ display: flex; align-items: center; gap: 19px; }
#fabula-coffee-home .icon-button{ display: inline-flex; width: 26px; height: 28px; padding: 1px; border: 0; background: transparent; align-items: center; justify-content: center; cursor: pointer; }
#fabula-coffee-home .icon-button svg{ width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
#fabula-coffee-home .menu-toggle{ display: none; }
#fabula-coffee-home .mobile-menu{ position: absolute; top: 100%; left: 0; right: 0; z-index: 51; padding: 12px 22px 20px; background: #fff; box-shadow: 0 14px 22px rgba(28,23,19,.14); }
#fabula-coffee-home .mobile-menu[hidden]{ display: none; }
#fabula-coffee-home .mobile-menu a{ display: flex; justify-content: space-between; padding: 14px 4px; border-bottom: 1px solid var(--line); font-weight: 700; font-size: 14px; }
#fabula-coffee-home .mobile-menu a span{ color: #5d5147; }
#fabula-coffee-home .menu-scrim{ position: fixed; inset: 0; z-index: 48; background: rgba(24,20,16,.34); }
#fabula-coffee-home .menu-scrim[hidden]{ display: none; }

#fabula-coffee-home .hero{ overflow: hidden; padding: 25px 0 22px; background: var(--cream); }
#fabula-coffee-home .hero-inner{ display: grid; width: min(100% - 64px, 1460px); min-height: 510px; margin: 0 auto; grid-template-columns: minmax(390px, .82fr) minmax(0, 1.4fr); align-items: center; gap: 14px; }
#fabula-coffee-home .hero-copy{ position: relative; z-index: 1; padding: 20px 0 10px 4px; }
#fabula-coffee-home .hero h1{ max-width: 610px; margin: 0 0 12px; font: 500 clamp(38px, 4.15vw, 52px)/1.2 var(--serif); letter-spacing: 0; }
#fabula-coffee-home .coffee-mark{ position: relative; z-index: 0; white-space: nowrap; }
#fabula-coffee-home .coffee-mark::after{ position: absolute; z-index: -1; inset: -5px -10px -7px; border: 1px solid #edc73d; border-radius: 52% 48% 49% 50%; content: ""; transform: rotate(-7deg); }
#fabula-coffee-home .hero-promo{ margin: 0 0 10px; color: #c83a32; font-size: 26px; font-weight: 700; line-height: 1.2; }
#fabula-coffee-home .hero-deck{ margin: 0 0 18px; color: #39332f; font-size: 16px; }
#fabula-coffee-home .hero-points{ display: grid; gap: 7px; padding: 0; margin: 0 0 18px; list-style: none; }
#fabula-coffee-home .hero-points li{ display: flex; align-items: center; gap: 12px; font-size: 15px; }
#fabula-coffee-home .check-mark{ display: inline-flex; flex: 0 0 23px; width: 23px; height: 23px; border: 1.5px solid #78a76e; border-radius: 50%; align-items: center; justify-content: center; color: #5a9859; font-size: 15px; font-weight: 700; }
#fabula-coffee-home .hero-reviews{ display: flex; align-items: center; gap: 9px; margin: 18px 0 27px; font-size: 15px; }
#fabula-coffee-home .stars,
#fabula-coffee-home .five-stars{ color: var(--orange); letter-spacing: .02em; font-size: 19px; line-height: 1; }
#fabula-coffee-home .hero-reviews strong{ font-size: 15px; }
#fabula-coffee-home .button{ display: inline-flex; min-height: 52px; padding: 12px 25px; border: 1px solid transparent; border-radius: 8px; align-items: center; justify-content: center; font-size: 15px; font-weight: 700; line-height: 1.15; text-align: center; transition: transform .16s ease, background-color .16s ease; cursor: pointer; }
#fabula-coffee-home .button:hover{ transform: translateY(-1px); }
#fabula-coffee-home .button-red{ min-width: 296px; background: var(--red); color: #fff; }
#fabula-coffee-home .button-red:hover{ background: #b9141b; }
#fabula-coffee-home .button-outline{ border-color: #b9ada3; background: #fff; color: var(--muted); }
#fabula-coffee-home .hero-visual{ display: flex; height: 510px; align-items: center; justify-content: center; gap: 12px; }
#fabula-coffee-home .hero-product{ display: block; flex: 1 1 auto; min-width: 0; height: 100%; }
#fabula-coffee-home .hero-product img{ width: 100%; height: 100%; object-fit: contain; }
#fabula-coffee-home .hero-product source{ display: none; }
#fabula-coffee-home .hero-badges{ display: flex; flex: 0 0 89px; flex-direction: column; align-items: center; gap: 15px; padding: 0; margin: 0; list-style: none; text-align: center; }
#fabula-coffee-home .hero-badges li{ display: grid; justify-items: center; gap: 4px; }
#fabula-coffee-home .hero-badges b{ font-size: 11px; line-height: 1.12; }
#fabula-coffee-home .badge-icon{ display: flex; width: 55px; height: 55px; border-radius: 50%; background: #fff; align-items: center; justify-content: center; color: #63574e; font-size: 10px; font-weight: 800; line-height: 1.05; }
#fabula-coffee-home .badge-icon svg{ width: 29px; height: 29px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
#fabula-coffee-home .organic-icon{ border: 1px solid #e1ddd8; outline: 1px solid #d7d0ca; outline-offset: -6px; }
#fabula-coffee-home .hero-quote{ margin: 1px 18px 0; color: #756e68; font-family: var(--serif); font-size: 17px; text-align: center; }

#fabula-coffee-home .eyebrow{ margin: 0 0 7px; color: var(--red); font-size: 14px; font-weight: 700; }
#fabula-coffee-home h2,
#fabula-coffee-home h3,
#fabula-coffee-home p{ overflow-wrap: anywhere; }
#fabula-coffee-home .section-title h2,
#fabula-coffee-home .survey-shell h2,
#fabula-coffee-home .subscribe-copy h2{ margin: 0; font-family: var(--serif); font-weight: 500; letter-spacing: 0; }

#fabula-coffee-home .benefits-section{ padding: 66px 0 58px; background: var(--soft); }
#fabula-coffee-home .section-title{ margin: 0 auto 38px; max-width: 850px; }
#fabula-coffee-home .section-title h2{ font-size: clamp(30px, 3.6vw, 42px); line-height: 1.15; }
#fabula-coffee-home .section-title p{ margin: 12px 0 0; color: #504a45; font-size: 15px; }
#fabula-coffee-home .centered{ text-align: center; }
#fabula-coffee-home .benefits-layout{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .97fr); gap: clamp(40px, 5vw, 76px); align-items: center; }
#fabula-coffee-home .benefits-photo{ width: 100%; max-height: 660px; border-radius: 8px; object-fit: cover; }
#fabula-coffee-home .benefit-list{ display: grid; gap: 28px; }
#fabula-coffee-home .benefit-item{ display: grid; grid-template-columns: 74px minmax(0, 1fr); gap: 24px; align-items: start; }
#fabula-coffee-home .benefit-icon{ display: flex; width: 68px; height: 68px; border-radius: 50%; background: #fff; align-items: center; justify-content: center; color: #817366; font-size: 27px; }
#fabula-coffee-home .benefit-icon svg{ width: 34px; height: 34px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
#fabula-coffee-home .benefit-item h3{ margin: 0 0 9px; font: 500 23px/1.3 var(--serif); }
#fabula-coffee-home .benefit-item p{ margin: 0; color: #514b46; font-size: 14px; line-height: 1.5; }

#fabula-coffee-home .categories-section{ padding: 68px 0 70px; background: #fff; }
#fabula-coffee-home .categories-title{ margin-bottom: 38px; }
#fabula-coffee-home .categories-title h2{ font-size: clamp(34px, 4vw, 46px); }
#fabula-coffee-home .category-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 27px; }
#fabula-coffee-home .category-card{ position: relative; display: flex; min-height: 280px; overflow: hidden; padding: 32px 34px; border-radius: 20px; align-items: center; }
#fabula-coffee-home .category-card::before{ position: absolute; inset: 0; background: url("https://fabulacoffeeshop.de.com/wp-content/uploads/fabula-home/assets/iamge-text-blocks-decor-69589e39.png") center / cover no-repeat; opacity: .09; content: ""; pointer-events: none; }
#fabula-coffee-home .category-coffee{ background: #efe3d8; }
#fabula-coffee-home .category-creamer{ background: #fff0c5; }
#fabula-coffee-home .category-tea{ background: #e0f1dc; }
#fabula-coffee-home .category-pods{ background: #efecf6; }
#fabula-coffee-home .category-copy{ position: relative; z-index: 1; width: 67%; }
#fabula-coffee-home .category-copy h3{ margin: 0 0 12px; font: 500 29px/1.3 var(--serif); }
#fabula-coffee-home .category-copy p{ max-width: 360px; margin: 0 0 13px; font-size: 14px; line-height: 1.45; }
#fabula-coffee-home .category-copy ul{ display: grid; gap: 7px; padding: 0; margin: 0 0 19px; list-style: none; }
#fabula-coffee-home .category-copy li{ position: relative; padding-left: 23px; font-size: 13px; line-height: 1.32; }
#fabula-coffee-home .category-copy li::before{ position: absolute; top: 1px; left: 0; display: flex; width: 16px; height: 16px; border-radius: 50%; background: #6d4d75; align-items: center; justify-content: center; color: #fff; content: "✓"; font-size: 11px; font-weight: 700; }
#fabula-coffee-home .category-copy .button{ min-width: 195px; min-height: 44px; padding: 10px 20px; font-size: 13px; }
#fabula-coffee-home .category-art{ position: absolute; z-index: 0; right: 0; bottom: 0; width: 42%; height: 92%; }
#fabula-coffee-home .category-art img{ width: 100%; height: 100%; object-fit: contain; object-position: center bottom; }
#fabula-coffee-home .category-art source{ display: none; }
#fabula-coffee-home .category-footnote{ margin: 16px 2px 0; color: #817a74; font-size: 11px; }

#fabula-coffee-home .survey-section{ position: relative; overflow: hidden; padding: 78px 0 62px; border-radius: 34px 34px 0 0; background: #f4efeb; }
#fabula-coffee-home .survey-shell{ position: relative; }
#fabula-coffee-home .survey-beans{ position: absolute; top: -13px; right: 8%; width: 115px; height: auto; }
#fabula-coffee-home .survey-shell > h2{ position: relative; margin: 0 auto 38px; text-align: center; font-size: clamp(32px, 4vw, 45px); line-height: 1.15; }
#fabula-coffee-home .survey-shell > h2 span{ color: #b76b18; }
#fabula-coffee-home .survey-grid{ display: grid; max-width: 1180px; margin: 0 auto; grid-template-columns: 1.18fr 1fr 1fr; grid-template-rows: auto auto; gap: 10px; }
#fabula-coffee-home .stat-card{ min-height: 170px; padding: 26px 29px; border: 1px solid #ece7e3; border-radius: 18px; background: #fff; }
#fabula-coffee-home .stat-large{ grid-row: span 2; padding: 27px 38px; }
#fabula-coffee-home .stat-card strong{ display: block; margin: 0 0 10px; color: #b76b18; font-family: var(--serif); font-size: 55px; line-height: 1; }
#fabula-coffee-home .stat-card strong span{ font-size: .49em; }
#fabula-coffee-home .stat-card p{ margin: 0 0 9px; font-size: 15px; line-height: 1.42; }
#fabula-coffee-home .stat-card small{ display: block; color: #77716b; font-size: 13px; line-height: 1.4; }
#fabula-coffee-home .stat-bar{ height: 4px; margin-top: 26px; background: #e8e3de; }
#fabula-coffee-home .stat-bar i{ display: block; height: 100%; background: #b76b18; }
#fabula-coffee-home .stat-wide{ display: flex; grid-column: 2 / 4; min-height: 118px; align-items: center; gap: 24px; }
#fabula-coffee-home .stat-wide strong{ flex: 0 0 auto; margin: 0; }
#fabula-coffee-home .stat-wide p{ margin: 0; }
#fabula-coffee-home .survey-footnote{ max-width: 920px; margin: 24px auto 0; color: #77716b; font-size: 11px; line-height: 1.45; text-align: center; }
#fabula-coffee-home .text-button{ padding: 0; border: 0; border-bottom: 1px solid currentColor; background: transparent; color: inherit; font: inherit; cursor: pointer; }
#fabula-coffee-home .survey-details{ max-width: 920px; margin: 12px auto 0; color: #77716b; font-size: 11px; text-align: center; }

#fabula-coffee-home .reviews-section{ overflow: hidden; padding: 76px 0 58px; background: #fff; }
#fabula-coffee-home .reviews-section .section-title{ margin-bottom: 35px; }
#fabula-coffee-home .review-viewport{ overflow-x: auto; scrollbar-width: none; }
#fabula-coffee-home .review-viewport::-webkit-scrollbar{ display: none; }
#fabula-coffee-home .review-track{ display: flex; gap: 20px; transition: transform .35s ease; }
#fabula-coffee-home .review-card{ display: grid; flex: 0 0 calc((100% - 40px) / 3); min-height: 255px; overflow: hidden; grid-template-columns: .78fr 1fr; border: 1px solid #eee8e3; border-radius: 14px; background: #fff; }
#fabula-coffee-home .review-card img{ width: 100%; height: 100%; min-height: 255px; object-fit: cover; }
#fabula-coffee-home .review-copy{ padding: 24px 22px 18px; }
#fabula-coffee-home .review-copy h3{ margin: 0 0 12px; font: 500 20px/1.3 var(--serif); }
#fabula-coffee-home .review-copy p{ margin: 0 0 17px; color: #514b46; font-size: 13px; line-height: 1.48; }
#fabula-coffee-home .review-copy strong{ display: block; font-size: 13px; }
#fabula-coffee-home .review-verified{ display: inline-flex; margin-top: 4px; color: #5d9a52; font-size: 12px; font-weight: 700; }
#fabula-coffee-home .slider-controls{ display: flex; justify-content: center; gap: 8px; margin-top: 20px; }
#fabula-coffee-home .slider-controls button{ display: flex; width: 38px; height: 38px; border: 1px solid #cfc8c1; border-radius: 8px; background: #fff; align-items: center; justify-content: center; font-size: 18px; cursor: pointer; }
#fabula-coffee-home .slider-controls button:hover{ background: var(--cream); }

#fabula-coffee-home .comparison-section{ position: relative; overflow: hidden; padding: 66px 0 74px; background: #faf9f8; }
#fabula-coffee-home .comparison-section .section-title{ margin-bottom: 14px; }
#fabula-coffee-home .comparison-section .section-title p{ max-width: 760px; margin-inline: auto; }
#fabula-coffee-home .comparison-visuals{ position: relative; display: flex; height: 195px; max-width: 960px; margin: 0 auto -6px; align-items: end; justify-content: center; }
#fabula-coffee-home .best-choice{ position: absolute; left: 28%; bottom: 18px; z-index: 2; width: 140px; height: 94px; object-fit: contain; }
#fabula-coffee-home .fabula-pack{ z-index: 1; width: 150px; height: 175px; object-fit: contain; }
#fabula-coffee-home .typical-pack{ width: 145px; height: 157px; margin-left: 64px; object-fit: contain; }
#fabula-coffee-home .comparison-beans{ position: absolute; left: -50px; bottom: 4px; width: 170px; }
#fabula-coffee-home .comparison-beans img,
#fabula-coffee-home .comparison-beans-small{ width: 100%; height: auto; }
#fabula-coffee-home .comparison-beans-small{ position: absolute; right: -16px; bottom: 30px; width: 70px; }
#fabula-coffee-home .comparison-table-wrap{ overflow-x: auto; max-width: 960px; margin: 0 auto; }
#fabula-coffee-home .comparison-table{ width: 100%; border-collapse: separate; border-spacing: 0 5px; font-size: 14px; }
#fabula-coffee-home .comparison-table th,
#fabula-coffee-home .comparison-table td{ height: 47px; padding: 8px 16px; background: #fff; text-align: center; }
#fabula-coffee-home .comparison-table thead th{ height: 54px; background: #f0ebe6; font-weight: 700; }
#fabula-coffee-home .comparison-table thead th:first-child,
#fabula-coffee-home .comparison-table tbody th{ width: 46%; text-align: left; }
#fabula-coffee-home .comparison-table thead th:nth-child(2),
#fabula-coffee-home .comparison-table tbody td:nth-child(2){ width: 27%; background: #78695d; color: #fff; }
#fabula-coffee-home .comparison-table thead th:first-child{ border-radius: 10px 0 0 10px; }
#fabula-coffee-home .comparison-table thead th:last-child{ border-radius: 0 10px 10px 0; }
#fabula-coffee-home .comparison-table tbody tr:nth-child(even) th,
#fabula-coffee-home .comparison-table tbody tr:nth-child(even) td:not(:nth-child(2)){ background: #f4f2f0; }
#fabula-coffee-home .comparison-table tbody tr th{ font-weight: 400; }
#fabula-coffee-home .comparison-table tbody tr th:first-child{ border-radius: 8px 0 0 8px; }
#fabula-coffee-home .comparison-table tbody tr td:last-child{ border-radius: 0 8px 8px 0; }
#fabula-coffee-home .yes,
#fabula-coffee-home .no{ display: inline-flex; width: 24px; height: 24px; border: 1px solid currentColor; border-radius: 50%; align-items: center; justify-content: center; font-size: 16px; line-height: 1; }
#fabula-coffee-home .yes{ color: #b4d485; }
#fabula-coffee-home .no{ color: #d8737e; }

#fabula-coffee-home .video-reviews-section{ padding: 65px 0 72px; background: #fff; }
#fabula-coffee-home .video-reviews-section .section-title{ margin-bottom: 34px; }
#fabula-coffee-home .five-stars{ margin-bottom: 15px; }
#fabula-coffee-home .video-grid{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 13px; }
#fabula-coffee-home .video-frame{ position: relative; overflow: hidden; aspect-ratio: .73 / 1; border-radius: 9px; background: #e9e2dc; }
#fabula-coffee-home .video-frame > img{ width: 100%; height: 100%; object-fit: cover; }
#fabula-coffee-home .video-play{ position: absolute; top: 40%; left: 50%; display: flex; width: 54px; height: 54px; padding-left: 4px; border: 0; border-radius: 50%; background: rgba(255,255,255,.92); align-items: center; justify-content: center; color: #292522; font-size: 18px; transform: translate(-50%, -50%); cursor: pointer; }
#fabula-coffee-home .video-name{ position: absolute; bottom: 11px; left: 11px; padding: 4px 7px; border-radius: 2px; background: rgba(20,18,16,.8); color: #fff; font-size: 11px; font-weight: 700; }
#fabula-coffee-home .video-frame video{ width: 100%; height: 100%; object-fit: cover; }
#fabula-coffee-home .testimonial-note{ margin: 15px 0 0; color: #59534e; font-size: 11px; text-align: center; }
#fabula-coffee-home .load-more{ display: flex; min-width: 218px; min-height: 46px; margin: 32px auto 0; }

#fabula-coffee-home .subscribe-section{ padding: 68px 0; background: var(--cream); }
#fabula-coffee-home .subscribe-inner{ display: grid; width: min(100% - 64px, 1300px); min-height: 405px; margin: 0 auto; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 45px; }
#fabula-coffee-home .subscribe-art{ display: block; height: 405px; }
#fabula-coffee-home .subscribe-art img{ width: 100%; height: 100%; object-fit: contain; }
#fabula-coffee-home .subscribe-copy{ max-width: 520px; }
#fabula-coffee-home .subscribe-copy .eyebrow{ font-size: 14px; }
#fabula-coffee-home .subscribe-copy h2{ margin: 0 0 16px; font-size: clamp(34px, 4vw, 48px); }
#fabula-coffee-home .subscribe-copy > p:not(.eyebrow):not(.subscribe-rating){ margin: 0 0 18px; color: #514a44; font-size: 15px; }
#fabula-coffee-home .subscribe-rating{ display: flex; align-items: center; gap: 10px; margin: 0 0 20px; }
#fabula-coffee-home .subscribe-rating img{ width: 132px; height: 24px; object-fit: contain; }
#fabula-coffee-home .subscribe-rating strong{ font-size: 14px; }

#fabula-coffee-home .site-footer{ padding: 58px 0 22px; background: #1b1b19; color: #f4f0eb; }
#fabula-coffee-home .footer-main{ display: grid; width: min(100% - 64px, 1440px); margin: 0 auto; grid-template-columns: minmax(250px, 1.5fr) repeat(3, minmax(130px, .72fr)); gap: 58px; }
#fabula-coffee-home .footer-logo{ display: flex; width: 60px; height: 61px; background: #f5f0eb; align-items: center; justify-content: center; color: #66574b; font: 700 17px/1 var(--serif); letter-spacing: -.07em; writing-mode: vertical-rl; transform: rotate(180deg); }
#fabula-coffee-home .disclaimer{ max-width: 410px; margin: 20px 0 22px; color: #d2cfcb; font-size: 11px; line-height: 1.45; }
#fabula-coffee-home .social-links{ display: flex; gap: 12px; }
#fabula-coffee-home .social-links a{ display: flex; width: 28px; height: 28px; border: 1px solid rgba(255,255,255,.65); border-radius: 50%; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; }
#fabula-coffee-home .footer-link-group{ display: flex; flex-direction: column; gap: 11px; padding-top: 9px; }
#fabula-coffee-home .footer-link-group h3{ margin: 0 0 7px; font-size: 13px; }
#fabula-coffee-home .footer-link-group a{ width: fit-content; color: #d4d0cb; font-size: 13px; }
#fabula-coffee-home .footer-payment{ display: flex; width: min(100% - 64px, 1440px); margin: 44px auto 20px; padding: 17px 0; border-top: 1px solid #454340; border-bottom: 1px solid #454340; align-items: center; flex-wrap: wrap; gap: 10px; }
#fabula-coffee-home .footer-payment span{ margin-right: 6px; color: #cfcac4; font-size: 12px; }
#fabula-coffee-home .footer-payment b{ display: inline-flex; min-height: 23px; padding: 3px 6px; border-radius: 4px; background: #f4f3f1; align-items: center; color: #35312e; font-size: 8px; letter-spacing: .02em; }
#fabula-coffee-home .footer-bottom{ display: flex; width: min(100% - 64px, 1440px); margin: 0 auto; align-items: center; justify-content: space-between; gap: 15px; color: #c8c4bf; font-size: 11px; }
#fabula-coffee-home .footer-bottom nav{ display: flex; flex-wrap: wrap; gap: 17px; }

#fabula-coffee-home dialog{ max-width: min(92vw, 670px); padding: 0; border: 0; border-radius: 12px; box-shadow: 0 20px 70px rgba(0,0,0,.28); }
#fabula-coffee-home dialog::backdrop{ background: rgba(20,17,15,.55); }
#fabula-coffee-home .search-dialog{ width: min(92vw, 720px); padding: 22px; }
#fabula-coffee-home .search-bar{ display: flex; align-items: center; gap: 10px; }
#fabula-coffee-home .search-bar input{ min-width: 0; flex: 1; height: 50px; padding: 0 14px; border: 1px solid #d5cec8; border-radius: 6px; }
#fabula-coffee-home .search-bar .button-red{ min-width: 115px; }
#fabula-coffee-home .dialog-close{ display: inline-flex; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 50%; background: transparent; align-items: center; justify-content: center; font-size: 27px; cursor: pointer; }
#fabula-coffee-home .search-close{ margin-left: 4px; }

@media (max-width: 1160px) {
  #fabula-coffee-home .header-inner{ gap: 20px; }
  #fabula-coffee-home .desktop-nav{ gap: 14px; }
  #fabula-coffee-home .desktop-nav > a{ font-size: 10px; }
  #fabula-coffee-home .header-actions{ gap: 12px; }
  #fabula-coffee-home .hero-inner{ min-height: 455px; grid-template-columns: minmax(340px, .9fr) minmax(0, 1.2fr); }
  #fabula-coffee-home .hero-badges{ flex-basis: 76px; }
  #fabula-coffee-home .hero-visual{ height: 455px; }
  #fabula-coffee-home .category-card{ padding: 27px 25px; }
  #fabula-coffee-home .category-copy{ width: 72%; }
  #fabula-coffee-home .category-art{ width: 38%; }
  #fabula-coffee-home .footer-main{ gap: 35px; }
}

@media (max-width: 900px) {
  #fabula-coffee-home .section-shell{ width: min(100% - 40px, 720px); }
  #fabula-coffee-home .header-inner{ width: 100%; height: 72px; padding: 0 20px; grid-template-columns: 30px 1fr auto; gap: 10px; }
  #fabula-coffee-home .menu-toggle{ display: inline-flex; }
  #fabula-coffee-home .desktop-nav{ display: none; }
  #fabula-coffee-home .brand{ position: absolute; left: 50%; width: 48px; height: 49px; transform: translateX(-50%); }
  #fabula-coffee-home .brand-wordmark,
#fabula-coffee-home .footer-logo{ font-size: 15px; }
  #fabula-coffee-home .header-actions{ justify-self: end; gap: 11px; }
  #fabula-coffee-home .header-actions .icon-button{ width: 23px; height: 28px; }
  #fabula-coffee-home .header-actions .icon-button svg{ width: 21px; height: 21px; }
  #fabula-coffee-home .hero{ padding: 38px 0 20px; }
  #fabula-coffee-home .hero-inner{ display: flex; width: 100%; min-height: 0; flex-direction: column; align-items: stretch; gap: 5px; }
  #fabula-coffee-home .hero-copy{ display: contents; }
  #fabula-coffee-home .hero h1,
#fabula-coffee-home .hero-promo,
#fabula-coffee-home .hero-deck,
#fabula-coffee-home .hero-points,
#fabula-coffee-home .hero-reviews,
#fabula-coffee-home .hero-copy > .button-red{ width: min(100% - 40px, 700px); margin-inline: auto; }
  #fabula-coffee-home .hero h1{ order: 1; max-width: 335px; margin-bottom: 0; font-size: 32px; line-height: 1.2; text-align: center; }
  #fabula-coffee-home .hero-promo{ order: 2; margin-top: 11px; margin-bottom: 0; font-size: 22px; text-align: center; }
  #fabula-coffee-home .hero-deck{ order: 3; margin-top: 6px; margin-bottom: 14px; text-align: center; }
  #fabula-coffee-home .hero-points{ display: none; order: 4; }
  #fabula-coffee-home .hero-reviews{ order: 5; justify-content: center; margin: 25px auto 20px; }
  #fabula-coffee-home .button-red{ min-width: 0; }
  #fabula-coffee-home .hero-copy > .button-red{ order: 6; width: min(100% - 40px, 260px); max-width: 260px; margin-inline: auto; }
  #fabula-coffee-home .hero-visual{ position: relative; order: 4; width: min(100% - 24px, 640px); height: auto; min-height: 0; margin: 0 auto; gap: 0; flex-direction: column; }
  #fabula-coffee-home .hero-product{ width: 100%; height: auto; aspect-ratio: 1 / .9; }
  #fabula-coffee-home .hero-product img{ width: 100%; height: 100%; }
  #fabula-coffee-home .hero-badges{ display: grid; width: 100%; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: -8px; }
  #fabula-coffee-home .hero-badges li{ gap: 5px; }
  #fabula-coffee-home .badge-icon{ width: 46px; height: 46px; font-size: 8px; }
  #fabula-coffee-home .hero-badges b{ font-size: 9px; }
  #fabula-coffee-home .hero-quote{ margin-top: 13px; font-size: 15px; }
  #fabula-coffee-home .benefits-section,
#fabula-coffee-home .categories-section{ padding: 52px 0; }
  #fabula-coffee-home .section-title{ margin-bottom: 28px; }
  #fabula-coffee-home .benefits-layout{ grid-template-columns: 1fr; gap: 28px; }
  #fabula-coffee-home .benefits-photo{ width: min(100%, 580px); max-height: none; margin: 0 auto; }
  #fabula-coffee-home .benefit-list{ gap: 22px; }
  #fabula-coffee-home .benefit-item{ grid-template-columns: 58px 1fr; gap: 15px; }
  #fabula-coffee-home .benefit-icon{ width: 54px; height: 54px; font-size: 22px; }
  #fabula-coffee-home .benefit-item h3{ font-size: 21px; }
  #fabula-coffee-home .category-grid{ gap: 16px; }
  #fabula-coffee-home .category-card{ min-height: 280px; padding: 24px 20px; }
  #fabula-coffee-home .category-copy{ width: 73%; }
  #fabula-coffee-home .category-copy h3{ font-size: 25px; }
  #fabula-coffee-home .category-copy p{ font-size: 13px; }
  #fabula-coffee-home .category-copy li{ font-size: 12px; }
  #fabula-coffee-home .category-copy .button{ min-width: 152px; }
  #fabula-coffee-home .category-art{ width: 38%; }
  #fabula-coffee-home .survey-section{ padding: 58px 0 42px; }
  #fabula-coffee-home .survey-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #fabula-coffee-home .stat-large{ grid-row: auto; }
  #fabula-coffee-home .stat-wide{ grid-column: auto; }
  #fabula-coffee-home .stat-card{ min-height: 155px; padding: 22px; }
  #fabula-coffee-home .stat-card strong{ font-size: 46px; }
  #fabula-coffee-home .stat-large{ min-height: 240px; }
  #fabula-coffee-home .review-card{ flex-basis: min(78vw, 420px); }
  #fabula-coffee-home .review-track{ gap: 14px; }
  #fabula-coffee-home .review-viewport{ overflow: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  #fabula-coffee-home .review-viewport::-webkit-scrollbar{ display: none; }
  #fabula-coffee-home .review-card{ scroll-snap-align: start; }
  #fabula-coffee-home .comparison-visuals{ max-width: 720px; }
  #fabula-coffee-home .comparison-beans{ left: -30px; }
  #fabula-coffee-home .comparison-table-wrap{ overflow-x: auto; }
  #fabula-coffee-home .comparison-table{ min-width: 620px; }
  #fabula-coffee-home .comparison-table th,
#fabula-coffee-home .comparison-table td{ height: 43px; padding: 7px 12px; font-size: 12px; }
  #fabula-coffee-home .video-grid{ grid-template-columns: repeat(5, minmax(185px, 1fr)); overflow-x: auto; padding-bottom: 10px; scroll-snap-type: x mandatory; }
  #fabula-coffee-home .video-card{ scroll-snap-align: start; }
  #fabula-coffee-home .subscribe-inner{ width: min(100% - 40px, 720px); grid-template-columns: 1fr; gap: 6px; }
  #fabula-coffee-home .subscribe-art{ height: auto; aspect-ratio: 1.25 / 1; }
  #fabula-coffee-home .subscribe-copy{ max-width: 620px; margin: 0 auto; }
  #fabula-coffee-home .footer-main{ width: min(100% - 40px, 720px); grid-template-columns: 1fr 1fr; gap: 34px 25px; }
  #fabula-coffee-home .footer-brand-column{ grid-column: 1 / -1; }
  #fabula-coffee-home .footer-payment,
#fabula-coffee-home .footer-bottom{ width: min(100% - 40px, 720px); }
}

@media (max-width: 560px) {
  #fabula-coffee-home .announcement-bar{ min-height: 31px; font-size: 11px; }
  #fabula-coffee-home .header-inner{ height: 64px; padding: 0 14px; }
  #fabula-coffee-home .brand{ width: 42px; height: 43px; }
  #fabula-coffee-home .header-actions{ gap: 7px; }
  #fabula-coffee-home .header-actions .icon-button{ width: 22px; }
  #fabula-coffee-home .header-actions .icon-button svg{ width: 20px; height: 20px; }
  #fabula-coffee-home .hero{ padding-top: 30px; }
  #fabula-coffee-home .hero h1{ max-width: 335px; font-size: 32px; }
  #fabula-coffee-home .hero-promo{ font-size: 20px; }
  #fabula-coffee-home .hero-deck{ font-size: 14px; }
  #fabula-coffee-home .hero-points li{ gap: 9px; font-size: 13px; }
  #fabula-coffee-home .check-mark{ flex-basis: 21px; width: 21px; height: 21px; }
  #fabula-coffee-home .hero-reviews{ flex-wrap: wrap; gap: 5px 8px; font-size: 12px; }
  #fabula-coffee-home .hero-reviews strong{ font-size: 12px; }
  #fabula-coffee-home .stars{ font-size: 17px; }
  #fabula-coffee-home .hero-visual{ width: 100%; }
  #fabula-coffee-home .hero-product{ aspect-ratio: 1 / .98; }
  #fabula-coffee-home .hero-badges{ width: calc(100% - 30px); }
  #fabula-coffee-home .hero-quote{ margin-inline: 18px; font-size: 14px; }
  #fabula-coffee-home .section-shell{ width: calc(100% - 30px); }
  #fabula-coffee-home .section-title h2{ font-size: 31px; }
  #fabula-coffee-home .section-title p{ font-size: 13px; }
  #fabula-coffee-home .benefits-section,
#fabula-coffee-home .categories-section{ padding: 46px 0; }
  #fabula-coffee-home .benefits-photo{ border-radius: 7px; }
  #fabula-coffee-home .benefit-item{ grid-template-columns: 48px 1fr; gap: 12px; }
  #fabula-coffee-home .benefit-icon{ width: 46px; height: 46px; font-size: 20px; }
  #fabula-coffee-home .benefit-item h3{ font-size: 19px; }
  #fabula-coffee-home .benefit-item p{ font-size: 13px; }
  #fabula-coffee-home .categories-title h2{ font-size: 34px; }
  #fabula-coffee-home .category-grid{ grid-template-columns: 1fr; gap: 13px; }
  #fabula-coffee-home .category-card{ min-height: 340px; padding: 24px 20px; border-radius: 18px; }
  #fabula-coffee-home .category-copy{ width: 68%; }
  #fabula-coffee-home .category-copy h3{ font-size: 25px; }
  #fabula-coffee-home .category-copy p{ max-width: 240px; font-size: 13px; }
  #fabula-coffee-home .category-copy ul{ gap: 6px; margin-bottom: 17px; }
  #fabula-coffee-home .category-copy li{ padding-left: 21px; font-size: 12px; }
  #fabula-coffee-home .category-copy .button{ min-width: 0; width: min(100%, 190px); min-height: 42px; font-size: 12px; }
  #fabula-coffee-home .category-art{ right: -4px; width: 42%; height: 80%; }
  #fabula-coffee-home .category-footnote{ font-size: 10px; }
  #fabula-coffee-home .survey-section{ padding: 50px 0 38px; border-radius: 24px 24px 0 0; }
  #fabula-coffee-home .survey-beans{ top: -29px; right: 0; width: 74px; }
  #fabula-coffee-home .survey-shell > h2{ margin-bottom: 24px; font-size: 31px; }
  #fabula-coffee-home .survey-grid{ gap: 8px; }
  #fabula-coffee-home .stat-card,
#fabula-coffee-home .stat-large{ min-height: 176px; padding: 16px 14px; border-radius: 13px; }
  #fabula-coffee-home .stat-card strong{ margin-bottom: 8px; font-size: 39px; }
  #fabula-coffee-home .stat-card p{ font-size: 12px; }
  #fabula-coffee-home .stat-card small{ font-size: 10px; }
  #fabula-coffee-home .stat-bar{ margin-top: 16px; }
  #fabula-coffee-home .stat-wide{ min-height: 130px; gap: 10px; flex-direction: column; align-items: flex-start; justify-content: center; }
  #fabula-coffee-home .stat-wide strong{ margin: 0; }
  #fabula-coffee-home .stat-wide p{ font-size: 11px; }
  #fabula-coffee-home .survey-footnote{ font-size: 10px; }
  #fabula-coffee-home .reviews-section{ padding: 50px 0 42px; }
  #fabula-coffee-home .review-card{ flex-basis: 87vw; min-height: 228px; grid-template-columns: .72fr 1fr; }
  #fabula-coffee-home .review-card img{ min-height: 228px; }
  #fabula-coffee-home .review-copy{ padding: 17px 14px; }
  #fabula-coffee-home .review-copy h3{ font-size: 18px; }
  #fabula-coffee-home .review-copy p{ font-size: 12px; }
  #fabula-coffee-home .slider-controls{ display: none; }
  #fabula-coffee-home .comparison-section{ padding: 48px 0 55px; }
  #fabula-coffee-home .comparison-section .section-title{ margin-bottom: 7px; }
  #fabula-coffee-home .comparison-visuals{ height: 156px; }
  #fabula-coffee-home .best-choice{ left: 14%; bottom: 15px; width: 96px; height: 70px; }
  #fabula-coffee-home .fabula-pack{ width: 114px; height: 148px; }
  #fabula-coffee-home .typical-pack{ width: 108px; height: 133px; margin-left: 23px; }
  #fabula-coffee-home .comparison-beans{ left: -29px; width: 100px; }
  #fabula-coffee-home .comparison-beans-small{ right: -18px; width: 42px; }
  #fabula-coffee-home .comparison-table{ min-width: 590px; }
  #fabula-coffee-home .video-reviews-section{ padding: 50px 0 53px; }
  #fabula-coffee-home .video-grid{ grid-template-columns: repeat(5, minmax(72vw, 1fr)); gap: 11px; margin-right: -15px; }
  #fabula-coffee-home .video-play{ width: 48px; height: 48px; }
  #fabula-coffee-home .testimonial-note{ font-size: 10px; }
  #fabula-coffee-home .load-more{ margin-top: 25px; }
  #fabula-coffee-home .subscribe-section{ padding: 43px 0 48px; }
  #fabula-coffee-home .subscribe-inner{ width: calc(100% - 30px); }
  #fabula-coffee-home .subscribe-art{ aspect-ratio: 1.05 / 1; }
  #fabula-coffee-home .subscribe-copy h2{ font-size: 36px; }
  #fabula-coffee-home .subscribe-copy > p:not(.eyebrow):not(.subscribe-rating){ font-size: 14px; }
  #fabula-coffee-home .subscribe-rating{ gap: 6px; }
  #fabula-coffee-home .subscribe-rating img{ width: 110px; }
  #fabula-coffee-home .subscribe-rating strong{ font-size: 11px; }
  #fabula-coffee-home .subscribe-copy .button-red{ width: 100%; }
  #fabula-coffee-home .site-footer{ padding-top: 43px; }
  #fabula-coffee-home .footer-main{ width: calc(100% - 30px); grid-template-columns: 1fr 1fr; gap: 29px 20px; }
  #fabula-coffee-home .footer-brand-column{ grid-column: 1 / -1; }
  #fabula-coffee-home .footer-link-group h3{ font-size: 12px; }
  #fabula-coffee-home .footer-link-group a{ font-size: 12px; }
  #fabula-coffee-home .footer-payment,
#fabula-coffee-home .footer-bottom{ width: calc(100% - 30px); }
  #fabula-coffee-home .footer-payment{ margin-top: 32px; gap: 7px; }
  #fabula-coffee-home .footer-payment span{ flex-basis: 100%; }
  #fabula-coffee-home .footer-bottom{ align-items: flex-start; flex-direction: column; }
  #fabula-coffee-home .footer-bottom nav{ gap: 9px 14px; }
  #fabula-coffee-home .search-dialog{ padding: 15px; }
  #fabula-coffee-home .search-bar{ flex-wrap: wrap; }
  #fabula-coffee-home .search-bar input{ flex-basis: calc(100% - 48px); }
  #fabula-coffee-home .search-bar .button-red{ flex: 1; }
  #fabula-coffee-home .search-close{ position: absolute; top: 8px; right: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  #fabula-coffee-home{ scroll-behavior: auto; }
  #fabula-coffee-home, #fabula-coffee-home *,
#fabula-coffee-home *::before,
#fabula-coffee-home *::after{ transition-duration: .01ms !important; animation-duration: .01ms !important; }
}


/* Keep the existing WordPress header native and match the Fabula layout globally. */
.header-wrapper { background: #f5f0eb; }
.header-wrapper .header-main { min-height: 72px; background: #f5f0eb; border-bottom: 1px solid rgba(45, 39, 33, .08); }
.header-wrapper .header-main #logo { display: block; width: 60px !important; height: 61px; background-color: #77685a; -webkit-mask-image: url("https://fabulacoffeeshop.de.com/wp-content/uploads/fabula-home/assets/logo-610bae83.svg"); mask-image: url("https://fabulacoffeeshop.de.com/wp-content/uploads/fabula-home/assets/logo-610bae83.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; mask-mode: alpha; }
.header-wrapper .header-main .logo img { width: 60px; height: 61px; max-width: none; max-height: none; object-fit: contain; opacity: 0; filter: none; }
.header-wrapper .header-nav-main > li > a { min-height: 72px; padding: 0 6px; color: #211e1b !important; font-family: Inter, Arial, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .025em; }
.header-wrapper .header-main .header-nav-main > li > a,
.header-wrapper .header-main .nav-top-link,
.header-wrapper .header-main .nav-top-link > i,
.header-wrapper .header-main .nav-top-link svg { color: #211e1b !important; fill: currentColor; }
.header-wrapper .header-main .nav-top-link,
.header-wrapper .header-main .nav-top-link > i,
.header-wrapper .header-main .nav-top-link svg { color: #211e1b !important; fill: currentColor; }
.header-wrapper .header-nav-main > li > a:hover { color: #c83a32; }
.header-wrapper .top-bar { min-height: 36px; background: #080807; color: #fff; }
.header-wrapper .top-bar .html { color: #fff; font-family: Inter, Arial, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .02em; line-height: 1.2; text-transform: uppercase; }
.header-wrapper .top-bar .html p { margin: 0; color: #fff !important; }
body.page-id-410 .page-wrapper { padding-top: 0; padding-bottom: 0; }
body.page-id-410 .page-wrapper .row-main { width: 100%; max-width: none; margin: 0; }
body.page-id-410 .page-wrapper .row-main > .col,
body.page-id-410 .page-wrapper .row-main > .col > .col-inner,
body.page-id-410 .entry-content { padding: 0; margin: 0; }
body.page-id-410 .fabula-home-builder-module { margin: 0; }
@media (max-width: 849px) {
  .header-wrapper .header-main { min-height: 62px; }
  .header-wrapper .header-main #logo { width: 48px !important; height: 49px; }
  .header-wrapper .header-main .logo img { width: 48px; height: 49px; }
  .header-wrapper .top-bar .html { font-size: 10px; }
  .header-wrapper .header-nav-main > li > a { padding-left: 4px; padding-right: 4px; font-size: 10px; }
}
@media (max-width: 560px) {
  .header-wrapper .header-main #logo { width: 42px !important; height: 43px; }
  .header-wrapper .header-main .logo img { width: 42px; height: 43px; }
}
/* Keep the mobile navigation focused on menu links. */
#main-menu .header-newsletter-item,
#main-menu .header-social-icons { display: none !important; }