:root{--toa-green: #243d1d;--toa-green-2: #315326;--toa-cream: #f6f1e7;--toa-offwhite: #fbfaf6;--toa-red: #b83a31;--toa-light-green: #edf4e8;--toa-ink: #202a1c;--toa-muted: #596050;--toa-border: rgba(36, 61, 29, .14);--toa-shadow: 0 24px 70px rgba(25, 34, 18, .14);--toa-radius: 8px}body.ratgeber #content>.shopify-section>.section.container,body.toa-guide-detail-page #content>.shopify-section>.section.container,body.toa-guide-detail-page #content .reading-column{width:100%!important;max-width:none!important;padding:0!important}body.ratgeber #content .section.container>.page-title,body.ratgeber #content .reading-column>.page-title,body.toa-guide-detail-page #content .reading-column>.article-image,body.toa-guide-detail-page #content .reading-column>.page-title,body.toa-guide-detail-page #content .article-meta,body.toa-guide-detail-page #content .tags,body.toa-guide-detail-page #content .sharing{display:none!important}body.ratgeber #content .rte,body.toa-guide-detail-page #content .rte{margin:0!important;max-width:none!important;padding:0!important}.toa-guide-index,.toa-guide-detail{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:var(--toa-offwhite);color:var(--toa-ink);font-family:Cabin,Arial,sans-serif;line-height:1.55}.toa-guide-index *,.toa-guide-detail *{box-sizing:border-box}.toa-guide-wrap{width:min(1240px,calc(100% - 48px));margin:0 auto}.toa-guide-hero{overflow:hidden;padding:clamp(42px,6vw,82px) 0;background:radial-gradient(circle at 84% 18%,rgba(184,58,49,.22),transparent 26%),linear-gradient(135deg,#182914,#27481d)}.toa-guide-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(24px,4vw,54px);align-items:center}.toa-guide-hero h1,.toa-guide-detail h1{max-width:860px;margin:14px 0 18px;color:#fff;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,5vw,68px);line-height:1.03;letter-spacing:0;white-space:normal!important;overflow-wrap:break-word;text-wrap:balance}.toa-guide-hero p,.toa-guide-detail-hero p{max-width:720px;margin:0;color:#ffffffe6;font-size:clamp(17px,1.45vw,21px);line-height:1.55}.toa-guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.toa-guide-actions--center{justify-content:center}.toa-guide-button{min-height:48px;display:inline-flex!important;align-items:center;justify-content:center;padding:13px 21px;border:1px solid transparent;border-radius:var(--toa-radius);background:var(--toa-red);color:#fff!important;font-size:15px;font-weight:800;line-height:1.1;text-decoration:none!important;box-shadow:0 14px 30px #0000002e;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.toa-guide-button:hover,.toa-guide-button:focus{transform:translateY(-1px);box-shadow:0 18px 38px #00000038}.toa-guide-button--light{background:#fff;color:var(--toa-green)!important}.toa-guide-button--outline{border-color:#ffffff94;background:transparent;color:#fff!important}.toa-guide-button--small{min-height:42px;padding:11px 15px;background:var(--toa-green)}.toa-guide-badge{display:inline-flex;align-items:center;width:fit-content;min-height:30px;padding:7px 12px;border-radius:999px;background:var(--toa-light-green);color:var(--toa-green-2);font-size:12px;font-weight:900;line-height:1;letter-spacing:.02em;text-transform:uppercase}.toa-guide-badge--red{background:var(--toa-red);color:#fff}.toa-guide-badge--cream{background:#ffffff2b;color:#fff}.toa-guide-hero__feature{position:relative;display:block;min-height:520px;overflow:hidden;border-radius:10px;color:#fff!important;text-decoration:none!important;box-shadow:var(--toa-shadow)}.toa-guide-hero__image,.toa-guide-hero__image img{display:block;width:100%;height:100%}.toa-guide-hero__image{position:absolute;top:0;right:0;bottom:0;left:0}.toa-guide-hero__image img{object-fit:cover;transform:scale(1.02)}.toa-guide-hero__feature:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#10190d14,#10190dd1)}.toa-guide-hero__panel{position:absolute;z-index:1;left:22px;right:22px;bottom:22px;padding:22px;border:1px solid rgba(255,255,255,.32);border-radius:var(--toa-radius);background:#f6f1e7f0;color:var(--toa-ink);box-shadow:0 18px 42px #0003}.toa-guide-hero__panel strong{display:block;margin:12px 0 7px;font-family:Georgia,Times New Roman,serif;font-size:clamp(27px,3vw,39px);line-height:1.05}.toa-guide-hero__panel small,.toa-guide-card__body span,.toa-guide-featured p,.toa-guide-shop__grid span,.toa-guide-products span,.toa-guide-aside-card p{color:var(--toa-muted);font-size:16px;line-height:1.48}.toa-guide-hero__panel em,.toa-guide-card__body em,.toa-guide-featured em{display:inline-flex;margin-top:14px;color:var(--toa-red);font-style:normal;font-weight:900}.toa-guide-filter{position:sticky;top:0;z-index:4;border-bottom:1px solid rgba(36,61,29,.1);background:#f6f1e7f2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.toa-guide-filter__scroll{display:flex;gap:10px;overflow-x:auto;padding:15px 0;scrollbar-width:thin}.toa-guide-filter button{flex:0 0 auto;min-height:42px;padding:10px 15px;border:1px solid rgba(36,61,29,.14);border-radius:999px;background:#fff;color:var(--toa-green);cursor:pointer;font:inherit;font-size:14px;font-weight:850}.toa-guide-filter button.is-active{border-color:var(--toa-green);background:var(--toa-green);color:#fff}.toa-guide-band{padding:clamp(54px,7vw,86px) 0}.toa-guide-band--dark{background:radial-gradient(circle at 16% 8%,rgba(184,58,49,.15),transparent 28%),linear-gradient(180deg,#172512,#223a1b)}.toa-guide-band--cream{background:var(--toa-cream)}.toa-guide-band--shop{background:#fff}.toa-guide-section-head{max-width:780px;margin-bottom:28px}.toa-guide-section-head--dark{color:#fff}.toa-guide-section-head span,.toa-guide-kicker{display:block;margin:0 0 8px;color:var(--toa-red);font-size:13px;font-weight:900;line-height:1;letter-spacing:.05em;text-transform:uppercase}.toa-guide-section-head--dark span{color:#f2b8ae}.toa-guide-section-head h2,.toa-guide-block h2,.toa-guide-detail-cta h2,.toa-guide-cta h2{margin:0 0 12px;color:var(--toa-green);font-family:Georgia,Times New Roman,serif;font-size:clamp(32px,4vw,52px);line-height:1.06;letter-spacing:0}.toa-guide-section-head--dark h2{color:#fff}.toa-guide-section-head p,.toa-guide-block>p,.toa-guide-detail-cta p,.toa-guide-cta p{margin:0;color:var(--toa-muted);font-size:clamp(17px,1.4vw,20px);line-height:1.55}.toa-guide-section-head--dark p{color:#ffffffc7}.toa-guide-grid{display:grid;gap:22px}.toa-guide-grid--recipes{grid-template-columns:repeat(5,minmax(0,1fr))}.toa-guide-card,.toa-guide-featured,.toa-guide-shop__grid a,.toa-guide-products a,.toa-guide-aside-card,.toa-guide-compare article,.toa-guide-ingredients section,.toa-guide-steps section,.toa-guide-tip,.toa-guide-block{border:1px solid var(--toa-border);border-radius:var(--toa-radius);box-shadow:0 14px 42px #19221214}.toa-guide-card{overflow:hidden;display:flex!important;flex-direction:column;min-height:100%;background:#fff;color:var(--toa-ink)!important;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease}.toa-guide-card:hover,.toa-guide-featured:hover,.toa-guide-shop__grid a:hover,.toa-guide-products a:hover{transform:translateY(-2px);box-shadow:0 24px 62px #19221221}.toa-guide-card__image{display:block;aspect-ratio:4 / 3;overflow:hidden;background:#fff}.toa-guide-card__image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .22s ease}.toa-guide-card:hover .toa-guide-card__image img{transform:scale(1.035)}.toa-guide-card__image--contain img{object-fit:contain;padding:26px}.toa-guide-card__body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:20px}.toa-guide-card__body strong{display:block;margin:13px 0 8px;color:var(--toa-green);font-family:Georgia,Times New Roman,serif;font-size:25px;line-height:1.12}.toa-guide-card__body em{margin-top:auto;padding-top:16px}.toa-guide-popular{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(350px,.84fr);gap:24px;align-items:stretch}.toa-guide-featured{overflow:hidden;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);background:#fff;color:var(--toa-ink)!important;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease}.toa-guide-featured img{width:100%;height:100%;min-height:430px;object-fit:cover}.toa-guide-featured div{padding:clamp(24px,4vw,44px);align-self:end}.toa-guide-featured h3{margin:14px 0 12px;color:var(--toa-green);font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,4vw,52px);line-height:1.04}.toa-guide-popular__small{display:grid;gap:16px}.toa-guide-card--compact{display:grid!important;grid-template-columns:150px minmax(0,1fr);min-height:0}.toa-guide-card--compact .toa-guide-card__image{aspect-ratio:auto;height:100%}.toa-guide-card--compact .toa-guide-card__body{padding:17px}.toa-guide-card--compact .toa-guide-card__body strong{font-size:22px}.toa-guide-shop{text-align:center}.toa-guide-shop .toa-guide-section-head{margin-left:auto;margin-right:auto}.toa-guide-shop__grid,.toa-guide-products,.toa-guide-compare,.toa-guide-ingredients{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.toa-guide-shop__grid a,.toa-guide-products a{display:block!important;padding:20px;background:var(--toa-cream);color:var(--toa-ink)!important;text-align:left;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease}.toa-guide-shop__grid strong,.toa-guide-products strong,.toa-guide-compare strong,.toa-guide-ingredients h3,.toa-guide-steps h3,.toa-guide-aside-card h3{display:block;margin:0 0 8px;color:var(--toa-green);font-size:18px;font-weight:900;line-height:1.2}.toa-guide-cta,.toa-guide-detail-cta{padding:clamp(44px,6vw,72px) 0;background:var(--toa-red);color:#fff;text-align:center}.toa-guide-cta__grid{display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:28px;align-items:center;text-align:left}.toa-guide-cta h2,.toa-guide-detail-cta h2,.toa-guide-cta p,.toa-guide-detail-cta p{color:#fff}.toa-guide-cta p,.toa-guide-detail-cta p{max-width:760px;opacity:.9}.toa-guide-detail-hero{position:relative;min-height:clamp(500px,58vw,650px);display:flex;align-items:flex-end;overflow:hidden;background:var(--toa-green)}.toa-guide-detail-hero>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.toa-guide-detail-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#14200feb,#14200fa8 43%,#14200f47),linear-gradient(0deg,#14200fc2,#14200f14 48%)}.toa-guide-detail-hero__content{position:relative;z-index:1;padding:0 0 clamp(38px,7vw,76px)}.toa-guide-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.toa-guide-meta span{min-height:58px;min-width:138px;display:grid;align-content:center;padding:10px 14px;border:1px solid rgba(255,255,255,.24);border-radius:var(--toa-radius);background:#f6f1e71f;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toa-guide-meta b{display:block;margin-bottom:2px;color:#f2b8ae;font-size:11px;letter-spacing:.05em;text-transform:uppercase}.toa-guide-detail__body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;padding:clamp(44px,6vw,74px) 0}.toa-guide-detail__main{display:grid;gap:22px;min-width:0}.toa-guide-block{padding:clamp(22px,3.5vw,34px);background:#fff}.toa-guide-block--cream{background:var(--toa-cream)}.toa-guide-block--products{background:linear-gradient(180deg,#fff,#f7fbf2)}.toa-guide-ingredients section,.toa-guide-compare article{padding:18px;background:#fff;box-shadow:none}.toa-guide-ingredients ul{margin:0;padding-left:19px;color:var(--toa-muted);font-size:16px}.toa-guide-ingredients li+li{margin-top:7px}.toa-guide-steps{display:grid;gap:14px}.toa-guide-steps section{display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;padding:18px;background:var(--toa-offwhite);box-shadow:none}.toa-guide-steps section>span{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--toa-red);color:#fff;font-weight:900}.toa-guide-steps p,.toa-guide-compare p,.toa-guide-tip p{margin:0;color:var(--toa-muted);font-size:16px;line-height:1.56}.toa-guide-tip{padding:22px 24px;border-left:6px solid var(--toa-green);background:var(--toa-light-green);box-shadow:none}.toa-guide-tip--red{border-left-color:var(--toa-red);background:#fff1ec}.toa-guide-tip strong{display:block;margin-bottom:7px;color:var(--toa-green);font-size:19px}.toa-guide-detail__aside{min-width:0}.toa-guide-aside-card{position:sticky;top:92px;padding:22px;background:var(--toa-cream)}.toa-guide-aside-card h3{margin-top:14px;font-family:Georgia,Times New Roman,serif;font-size:28px}.toa-guide-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.toa-guide-reveal.is-visible{opacity:1;transform:translateY(0)}@media(max-width:1050px){.toa-guide-hero__grid,.toa-guide-popular,.toa-guide-detail__body,.toa-guide-cta__grid{grid-template-columns:1fr}.toa-guide-hero__feature{min-height:420px}.toa-guide-grid--recipes,.toa-guide-shop__grid,.toa-guide-products,.toa-guide-ingredients{grid-template-columns:repeat(5,minmax(0,1fr))}.toa-guide-detail--guide .toa-guide-detail__aside{order:-1}.toa-guide-aside-card{position:static}}@media(max-width:720px){.toa-guide-wrap{width:min(100% - 28px,1240px)}.toa-guide-hero,.toa-guide-band,.toa-guide-cta,.toa-guide-detail-cta{padding-left:0;padding-right:0}.toa-guide-hero h1{font-size:38px}.toa-guide-detail-hero__content,.toa-guide-detail h1,.toa-guide-detail-hero p{max-width:calc(100vw - 32px)}.toa-guide-detail h1{font-size:26px;line-height:1.1;overflow-wrap:anywhere;text-wrap:auto}.toa-guide-detail--guide h1{font-size:38px}.toa-guide-hero__feature{min-height:370px}.toa-guide-hero__panel{left:14px;right:14px;bottom:14px;padding:17px}.toa-guide-actions,.toa-guide-actions--center{display:grid;grid-template-columns:1fr;width:100%;justify-content:stretch}.toa-guide-button{width:100%}.toa-guide-grid--recipes,.toa-guide-shop__grid,.toa-guide-products,.toa-guide-compare,.toa-guide-ingredients,.toa-guide-card--compact,.toa-guide-featured{grid-template-columns:1fr}.toa-guide-card--compact .toa-guide-card__image,.toa-guide-featured img{height:auto;min-height:0;aspect-ratio:4 / 3}.toa-guide-detail-hero{min-height:560px}.toa-guide-detail-hero__overlay{background:linear-gradient(0deg,#14200fe6,#14200fb8 62%,#14200f4d)}.toa-guide-meta{display:grid;grid-template-columns:1fr 1fr}.toa-guide-meta span{min-width:0}.toa-guide-steps section{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/toa-layout-guide-experience.css.map */