@media screen and (min-width:750px){.template-index .zaun-home-hero.banner:has(a[href="#zaun-konfigurator"]){height:auto!important;min-height:560px!important}.template-index .zaun-home-hero.banner:has(a[href="#zaun-konfigurator"]) .banner__media{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;height:100%!important;min-height:0!important}.template-index .zaun-home-hero.banner:has(a[href="#zaun-konfigurator"]) .banner__content{height:auto!important;min-height:560px!important;padding:56px 5rem!important}.template-index .zaun-home-hero.banner:has(a[href="#zaun-konfigurator"]) .banner__box{transform:none;padding:42px 46px!important}}@media screen and (min-width:750px)and (max-width:989px){.template-index .zaun-home-hero.banner:has(a[href="#zaun-konfigurator"]),.template-index .zaun-home-hero.banner:has(a[href="#zaun-konfigurator"]) .banner__content{min-height:520px!important}.template-index .zaun-home-hero.banner:has(a[href="#zaun-konfigurator"]) .banner__content{padding:48px 3rem!important}.template-index .zaun-home-hero.banner:has(a[href="#zaun-konfigurator"]) .banner__box{padding:34px 38px!important}}@media screen and (max-width:749px){.template-index .zaun-home-hero.banner:has(a[href="#zaun-konfigurator"]),.template-index .zaun-home-hero.banner:has(a[href="#zaun-konfigurator"]) .banner__content{height:auto!important}.template-index .zaun-home-hero.banner:has(a[href="#zaun-konfigurator"]) .banner__box{padding:30px 24px 40px!important;background:#0d3528!important}.template-index .zaun-home-hero.banner:has(a[href="#zaun-konfigurator"]) .banner__heading{font-size:clamp(2.8rem,7.4vw,3.4rem)!important}}.template-index .zaun-home-hero.banner .banner__media img{animation:none;transform:none!important}.template-index .z30-home-proof-link{display:flex;justify-content:center;padding-top:.8rem;padding-bottom:2.4rem}.template-index .z30-home-proof-link a{display:inline-flex;align-items:center;gap:.8rem;min-height:4.4rem;color:#174d39;font-size:1.4rem;font-weight:650;text-underline-offset:.4rem}.template-index .zaun-home-beratung a.z30-home-consultation-plan{color:#fff}.zkx.zkx--z30-v24{padding-top:clamp(48px,5vw,80px);background:#f5f8f4;border-top:1px solid #e1e9df;border-bottom:1px solid #e1e9df}.zkx.zkx--z30-v24 .zkx__hero{margin-bottom:32px;max-width:920px}.zkx.zkx--z30-v24 .zkx__title{color:#153d30;font-size:clamp(30px,3.8vw,48px);line-height:1.14;letter-spacing:-.03em}.zkx.zkx--z30-v24 .zkx__sub{max-width:690px;color:#52645b;line-height:1.65}.zkx.zkx--z30-v24 .zkx__badge{color:#174d39;border-color:#d5e3d5;background:#eaf1e7}.zkx.zkx--z30-v24 .zkx__panel{background:#fff;border-color:#dce5db;box-shadow:0 12px 32px #183c2b0f}.zkx.zkx--z30-v24 .zkx__success-screen{max-width:760px;margin-inline:auto;padding:20px 0 16px}.zkx.zkx--z30-v24 .zkx__success-screen .zkx__step-title{max-width:680px;margin:12px auto 16px;font-size:clamp(26px,2.4vw,36px);line-height:1.22;letter-spacing:-.02em;text-wrap:balance}.zkx.zkx--z30-v24 .zkx__success-screen .zkx__step-text{max-width:56ch;margin:0 auto;font-size:17px;line-height:1.65;text-wrap:pretty}.zkx.zkx--z30-v24 .zkx__success-icon{width:56px;height:56px;margin-bottom:16px;background:#174d39;font-size:26px}.zkx.zkx--z30-v24 .zkx__success-box{font-size:16px;line-height:1.55}.z30-configurator-intro{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin:24px 0 0;padding:0;color:#3e5548;list-style:none;font-size:14px;line-height:1.5}.z30-configurator-intro li{display:inline-flex;gap:8px;align-items:center}.z30-configurator-intro li:before{content:"";width:5px;height:5px;border-radius:50%;background:#738877}.template-page .z30-content-page.page-width{padding-inline:5rem}.template-page .z30-content-page .z30-content-page__hero h1{font-size:clamp(3.4rem,5vw,5.8rem);line-height:1.13;text-wrap:balance;overflow-wrap:anywhere}.template-page .z30-content-page .z30-content-page__body h2{line-height:1.18;text-wrap:balance}.template-page .z30-content-page .z30-content-page__toc a{display:inline-flex;align-items:center;min-height:4.4rem}.template-page .page-width.page-width--narrow,.template-article .page-width.page-width--narrow{max-width:92rem}.template-page .main-page-title,.template-article .article-template__title,.template-blog .main-blog .title--primary,.template-list-collections .title--primary{line-height:1.15;text-wrap:balance;overflow-wrap:anywhere}.template-page .rte,.template-article .article-template__content{line-height:1.7}.template-article .article-template__content img{height:auto}.template-product .product__title h1{line-height:1.16;text-wrap:balance;overflow-wrap:anywhere}.template-product .product__description{line-height:1.7}.template-collection .collection-hero__title{line-height:1.16;text-wrap:balance;overflow-wrap:anywhere}.template-collection .collection-hero__description{max-width:76rem;line-height:1.65}.template-collection .z30-collection-trust{flex-wrap:wrap}.z30-assortment-lead{max-width:76rem;margin:-1rem 0 3rem;color:#52645b;line-height:1.65}.z30-next-step{margin:4rem 0;padding:clamp(2.4rem,4vw,4rem);text-align:left;border:1px solid #dce5db;border-radius:1.6rem;background:#eef4ec}.z30-next-step h2{margin:.8rem 0 1.2rem;color:#153d30;font-size:clamp(2.4rem,3vw,3.2rem);line-height:1.2;text-wrap:balance}.z30-next-step p{max-width:66rem;color:#465e50;line-height:1.65}.z30-next-step__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem 2.4rem;margin-top:2rem}.z30-next-step__link{display:inline-flex;align-items:center;min-height:4.4rem;color:#174d39;text-underline-offset:.4rem}.z30-not-found{max-width:100rem}.z30-not-found__links{display:flex;flex-wrap:wrap;gap:1rem 2rem}.z30-not-found__links a{display:inline-flex;align-items:center;min-height:4.4rem;color:#174d39;text-underline-offset:.4rem}.template-search .template-search--empty{padding-bottom:4rem}.z30-home-proof-link a:focus-visible,.z30-next-step a:focus-visible,.z30-not-found a:focus-visible,.z30-content-page a:focus-visible,.z30-content-page summary:focus-visible{outline:3px solid #5c873b;outline-offset:4px}@media screen and (max-width:749px){.template-page .z30-content-page.page-width{padding-inline:2rem}.template-page .z30-content-page .z30-content-page__hero{margin-bottom:3.2rem}.z30-configurator-intro{gap:10px 16px;font-size:13px}.z30-next-step__actions .button{width:100%}.template-page .z30-contact input:not([type=radio]):not([type=checkbox]),.template-page .z30-contact textarea,.template-page .z30-contact select{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/z30-refinement-v24.css.map */