/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.region-service-bar{background-color:#1c4794;color:#fff}
.region-side-buttons{position:fixed;right:0;z-index:200}@media (max-width:768px){.region-side-buttons{background-color:#fff;bottom:0;height:2em;left:0;top:unset}}@media (min-width:769px){.region-side-buttons{top:6em}.region-side-buttons .block-block-content{transform:translateX(100%);transition:transform .5s cubic-bezier(.62,.28,.23,.99)}.region-side-buttons .block-block-content.active{transform:translateX(0)}.region-side-buttons .block-block-content.active .block-content-wrapper{box-shadow:0 0 .4em rgba(0,0,0,.2)}}@media (min-width:1025px){.region-side-buttons{top:12em}}.region-side-buttons.active{z-index:290}.region-side-buttons p{color:#5d5d5d}.region-side-buttons .block-content-wrapper{background-color:#fff;border-radius:.333em 0;box-sizing:border-box;display:none;max-height:70vh;overflow-y:scroll;padding:1em 2em;width:100%}@media (min-width:769px){.region-side-buttons .block-content-wrapper{box-sizing:content-box;display:block;max-width:600px;transition:box-shadow .5s cubic-bezier(.62,.28,.23,.99);width:-moz-max-content;width:max-content}}.region-side-buttons .block-content-wrapper .two-column{display:grid;gap:2em}@media (min-width:769px){.region-side-buttons .block-content-wrapper .two-column{grid-template-columns:repeat(2,1fr)}}.region-side-buttons .block{position:absolute;right:0}@media (max-width:768px){.region-side-buttons .block{width:100%}}@media (min-width:769px){.region-side-buttons .block .block-icon-wrapper{height:0;width:0}}.region-side-buttons .block .block-icon{background-color:#1c4794;border-radius:50%;box-shadow:0 0 .4em rgba(0,0,0,.2);cursor:pointer;font-size:1.4em;height:1em;padding:.6em;position:absolute;transition:background-color .2s cubic-bezier(.62,.28,.23,.99);width:1em}@media (max-width:768px){.region-side-buttons .block .block-icon{transform:translateY(-50%)}}@media (min-width:769px){.region-side-buttons .block .block-icon{position:relative;right:3em;top:1em;transition:right .5s cubic-bezier(.62,.28,.23,.99),background-color .2s cubic-bezier(.62,.28,.23,.99)}}@media (min-width:1281px){.region-side-buttons .block .block-icon{right:4em}}.region-side-buttons .block .block-icon:hover{background-color:#ff848b}.region-side-buttons .block.active{z-index:250}@media (max-width:768px){.region-side-buttons .block.active{bottom:0}}.region-side-buttons .block.active .block-content-wrapper{display:block}.region-side-buttons .block.active .block-icon{right:1.5em}.region-side-buttons #block-contact.active .block-icon:before,.region-side-buttons #block-shop.active .block-icon:before{background-color:#fff;content:"";display:inline-block;height:1em;-webkit-mask-image:url(/themes/custom/hypona/assets/fonts/vendor/@fortawesome/fontawesome-pro/svgs/regular/xmark.svg?0c20275b6b76a30238b17e046b344487);mask-image:url(/themes/custom/hypona/assets/fonts/vendor/@fortawesome/fontawesome-pro/svgs/regular/xmark.svg?0c20275b6b76a30238b17e046b344487);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:1em}@media (max-width:768px){.region-side-buttons #block-contact .block-icon{left:40px}}.region-side-buttons #block-contact .block-icon:before{background-color:#fff;content:"";display:inline-block;height:1em;-webkit-mask-image:url(/themes/custom/hypona/assets/fonts/vendor/@fortawesome/fontawesome-pro/svgs/regular/phone.svg?5f6bc1238553f2dbad206ed6e61d2371);mask-image:url(/themes/custom/hypona/assets/fonts/vendor/@fortawesome/fontawesome-pro/svgs/regular/phone.svg?5f6bc1238553f2dbad206ed6e61d2371);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:1em}@media (min-width:769px){.region-side-buttons #block-shop{top:5em}}@media (max-width:768px){.region-side-buttons #block-shop .block-icon{right:40px}}.region-side-buttons #block-shop .block-icon:before{background-color:#fff;content:"";display:inline-block;height:1em;-webkit-mask-image:url(/themes/custom/hypona/assets/fonts/vendor/@fortawesome/fontawesome-pro/svgs/regular/cart-shopping.svg?c651cbcba6a8629d682d00c2bace9515);mask-image:url(/themes/custom/hypona/assets/fonts/vendor/@fortawesome/fontawesome-pro/svgs/regular/cart-shopping.svg?c651cbcba6a8629d682d00c2bace9515);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:1em}
.pills{display:flex;gap:1em}.pills .pill{background-color:#a7928a;border:2px solid #826458;border-radius:2em;color:#fff;padding:.5em 1em}
.hypona-product--view-mode-teaser{border:1px solid #e0d8d5;border-radius:1em 0;box-sizing:border-box;max-width:calc(426px + 2em);padding:1em;position:relative;transition:all .2s cubic-bezier(.62,.28,.23,.99)}.hypona-product--view-mode-teaser:hover{box-shadow:0 0 1em #e0d8d5}.hypona-product--view-mode-teaser:active{transform:scale(.95)}.hypona-product--view-mode-teaser .pills{justify-content:flex-end;left:1em;position:absolute;right:1em;z-index:50}.hypona-product--view-mode-teaser .field--name-field-images{aspect-ratio:426/311;position:relative;width:100%}.hypona-product--view-mode-teaser .field--name-field-images .field__item{aspect-ratio:426/311;position:absolute;width:100%}.hypona-product--view-mode-teaser .field--name-field-images .field__item:nth-child(n+2){display:none}.hypona-product--view-mode-teaser .field--name-field-images:hover .field__item:nth-child(2){display:block}.hypona-product--view-mode-teaser .field--name-field-description,.hypona-product--view-mode-teaser .field--name-field-forage-types{color:#5d5d5d;margin-bottom:1em}.hypona-product--view-mode-teaser .field--name-field-description{font-weight:400}.hypona-product--view-mode-teaser .field--name-field-forage-types{font-weight:600}
#product-filter-search-input{font-size:1.111em}.product-overview{margin-bottom:5em}.product-overview .hypona-product--view-mode-teaser{height:100%}.product-overview a{text-decoration:none}.product-overview .product-list{display:grid;gap:4em 2em;grid-template-columns:repeat(auto-fill,minmax(auto,calc(428px + 2em)));justify-content:space-evenly}.product-overview .product-filter{line-height:1.2;position:relative}.product-overview .product-filter .filter-name{border:2px solid #1c4794;border-radius:.333em 0;box-shadow:0 0 .25em rgba(0,0,0,.102);box-sizing:border-box;color:#1c4794;cursor:pointer;display:grid;font-size:1.111em;font-weight:600;gap:1em;grid-template-columns:1fr 1em;min-width:274px;padding:.5em .5em .5em 1em;position:relative;transition:all .2s cubic-bezier(.62,.28,.23,.99)}.product-overview .product-filter .filter-name:hover{background-color:#1c4794;color:#fff}.product-overview .product-filter .filter-name:hover:after{background-color:#fff}.product-overview .product-filter .filter-name span{text-align:left}.product-overview .product-filter .filter-name:after{background-color:#1c4794;content:"";display:inline-block;height:1em;-webkit-mask-image:url(/themes/custom/hypona/assets/fonts/vendor/@fortawesome/fontawesome-pro/svgs/regular/chevron-down.svg?589b2f8b80be1529cdd1a7be742265ca);mask-image:url(/themes/custom/hypona/assets/fonts/vendor/@fortawesome/fontawesome-pro/svgs/regular/chevron-down.svg?589b2f8b80be1529cdd1a7be742265ca);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;text-align:right;transition:all .2s cubic-bezier(.62,.28,.23,.99);width:1em}.product-overview .product-filter .filter-item.is-open .filter-name:after{transform:rotate(180deg)}.product-overview .product-filter-wrapper{display:flex;flex-wrap:wrap;gap:1em 2em;justify-content:start;margin-bottom:2em}.product-overview .product-filter-meta{display:flex;font-size:1.111em;gap:2em;justify-content:space-between;margin-bottom:2em}.product-overview .product-filter-reset{cursor:pointer;font-weight:600;text-decoration:underline}.product-overview .product-total-count{color:#5d5d5d;font-size:1.111em}.product-overview .filter-select-items{background-color:#fff;border:2px solid #f1efe5;border-radius:6px;font-size:1.111em;left:0;max-height:16em;overflow-y:auto;padding:1em;position:absolute;right:0;z-index:200}.product-overview .filter-select-item{cursor:pointer;font-weight:600;line-height:1.2;margin:.75em 0 0;overflow:hidden;text-overflow:ellipsis;transition:color .2s cubic-bezier(.62,.28,.23,.99)}.product-overview .filter-select-item:hover{color:#ff848b}.product-overview .filter-select-item:first-child{margin:0}.product-overview .filter-select-item.selected{font-weight:800}.product-overview .filter-bubbles{display:flex;flex-wrap:wrap;gap:1em 2em;margin-bottom:2.5em}.product-overview .filter-bubble{background-color:#a7928a;border:2px solid #826458;border-radius:99999px;color:#fff;display:flex;font-size:1.111em;font-weight:600;gap:1em;padding:.5em 1em}.product-overview .filter-bubble-remove{display:flex;flex-direction:column;justify-content:center}.product-overview .remove-icon{cursor:pointer}.product-overview .text-filter-wrapper{margin-bottom:2em}.product-overview .pager-next{margin-top:4em;text-align:center}.product-overview .pager-next span{background-color:#826458;border-radius:50%;cursor:pointer;display:inline-block;font-size:0}.product-overview .pager-next span:after{background-color:#fff;content:"";display:inline-block;font-size:2rem;height:1em;margin:.25em;-webkit-mask-image:url(/themes/custom/hypona/assets/fonts/vendor/@fortawesome/fontawesome-pro/svgs/regular/chevron-down.svg?589b2f8b80be1529cdd1a7be742265ca);mask-image:url(/themes/custom/hypona/assets/fonts/vendor/@fortawesome/fontawesome-pro/svgs/regular/chevron-down.svg?589b2f8b80be1529cdd1a7be742265ca);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:1em}
.js input.form-autocomplete,.js input.form-autocomplete.ui-autocomplete-loading{background-position:calc(100% - .75em)}.autocomplete .ui-menu-item .ui-menu-item-wrapper,.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper{color:#5d5d5d;display:block;padding:.25em .5em;transition:all .2s cubic-bezier(.62,.28,.23,.99)}.autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active,.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active{background-color:#1c4794;color:#fff}.autocomplete .ui-menu-item .ui-menu-item-wrapper .search-api-autocomplete-suggestion,.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper .search-api-autocomplete-suggestion{background:0 0;padding:0}