@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-normal-CFFu7zhK.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--teeblatt: #2F5D50;--matcha: #9DBF8A;--rooibos: #C8743A;--creme: #F6F1E7;--tinte: #1F2A2E;--linie: #DCD3C2;--paper: #ffffff;--sage: #E7EFE0;--muted: #4A5558;--danger: #8b2a17;--danger-bg: #F2CFC6;--shadow: 0 24px 60px rgba(31, 42, 46, .08);--serif: Fraunces, Georgia, "Times New Roman", serif;--sans: Inter, system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-family:var(--sans);font-size:1.0625rem;color:var(--tinte);background-color:var(--creme);background-image:radial-gradient(ellipse 46rem 28rem at -8% -12%,rgba(157,191,138,.45),transparent 62%),radial-gradient(ellipse 36rem 24rem at 108% -6%,rgba(200,116,58,.2),transparent 58%);line-height:1.6;-webkit-font-smoothing:antialiased}main{flex:1}h1,h2,h3,legend{font-family:var(--serif);font-weight:600;font-optical-sizing:auto;line-height:1.08;color:var(--tinte);text-wrap:balance}h1{font-size:clamp(2.7rem,7vw,4.8rem);margin:0 0 .85rem;letter-spacing:-.02em}h2{font-size:clamp(1.85rem,3vw,2.6rem);margin:0 0 .55rem}h3{font-size:1.7rem;margin:0}p{margin:0 0 .85rem;text-wrap:pretty}a{color:var(--teeblatt)}::selection{background:var(--matcha);color:var(--tinte)}:focus{outline:none}:focus-visible{outline:3px solid var(--teeblatt);outline-offset:3px}.skip{position:absolute;left:1rem;top:-4rem;background:var(--teeblatt);color:var(--creme);padding:.65rem 1rem;border-radius:999px;z-index:30;text-decoration:none;font-weight:600}.skip:focus{top:.75rem}.topbar{position:sticky;top:0;z-index:20;background:var(--creme);border-bottom:1px solid var(--linie)}#auswahl,#ergebnis,#anlass,#beliebte,.results-actions{scroll-margin-top:7rem}.bar,.wrap{width:min(1180px,calc(100% - 1.5rem));margin-inline:auto}.bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1.25rem;padding:.65rem 0;flex-wrap:wrap}.logo{display:inline-flex;color:inherit;text-decoration:none;line-height:0}.logo-mark{display:block;height:4.6rem;width:auto}.topnav{display:flex;flex-wrap:wrap;gap:.15rem}.topnav a{color:var(--tinte);text-decoration:none;min-height:44px;padding:.45rem .85rem;border-radius:999px;font-size:.98rem;font-weight:500;display:inline-flex;align-items:center}.topnav a:hover{background:var(--sage)}.topnav a[aria-current=page]{background:var(--sage);color:var(--teeblatt);font-weight:600}.page{padding:0 0 3.5rem}#finder,#ergebnis,#auswahl,.prose h1{scroll-margin-top:6.5rem}.hero{padding:1.75rem 0 .5rem}.hero-grid{display:grid;gap:1.75rem}.eyebrow{margin:0 0 .85rem;color:var(--rooibos);font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.lead{font-size:1.15rem;color:var(--tinte);max-width:38rem;margin-bottom:0}.hero-actions{margin-top:1.5rem}.steps{list-style:none;counter-reset:step;margin:0;padding:0;display:grid;gap:.85rem}.steps li{display:grid;grid-template-columns:2rem minmax(0,1fr);column-gap:.8rem;row-gap:.15rem;align-items:center;justify-items:start;text-align:left}.steps li:before{counter-increment:step;content:counter(step);grid-column:1;grid-row:1;width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--teeblatt);color:var(--creme);font-family:var(--sans);font-weight:600;font-size:.92rem}.steps strong{grid-column:2;grid-row:1;align-self:center;justify-self:start;font-weight:600;text-align:left}.steps span{grid-column:2;grid-row:2;justify-self:stretch;color:var(--muted);font-size:.95rem;text-align:left}.hero-art{background:radial-gradient(circle at 78% 18%,rgba(200,116,58,.28),transparent 34%),radial-gradient(circle at 18% 86%,rgba(47,93,80,.16),transparent 40%),linear-gradient(180deg,#ffffff 0%,var(--creme) 100%);border:1px solid var(--linie);border-radius:36px;min-height:18rem;display:grid;place-items:center;overflow:hidden;padding:.5rem .25rem .75rem;box-shadow:var(--shadow)}.hero-art svg{width:min(100%,30rem);height:auto;display:block}.selector{padding:2.5rem 0 1rem}.selector-intro{max-width:38rem;margin-bottom:1.35rem}.selector-intro p{color:var(--muted);margin:0}.panel{background:var(--paper);border:1px solid var(--linie);border-radius:28px;box-shadow:var(--shadow);padding:1.25rem 1rem 1.3rem}fieldset{border:0;margin:0 0 1.1rem;padding:0;min-inline-size:0}legend{font-size:1.55rem;padding:0;margin-bottom:.3rem}.hint{color:var(--muted);font-size:.95rem;margin:0 0 .8rem}.center{text-align:center}.choice-grid{display:flex;flex-wrap:wrap;gap:.55rem}.choice{position:relative;display:flex;width:auto;border:1.5px solid var(--linie);border-radius:999px;background:var(--creme);cursor:pointer;min-height:44px}.choice:hover{border-color:var(--matcha)}.choice input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.choice-text{min-height:44px;padding:.35rem .95rem;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.35rem .55rem;width:100%;box-sizing:border-box}.choice-emoji{font-size:1.15rem;line-height:1;flex:none}.choice-title{font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:.4rem}.choice-title:after{content:"";width:1.2rem;height:1.2rem;border-radius:999px;border:1.5px solid var(--muted);flex:none}.choice-desc{color:var(--muted);font-size:.88rem;font-weight:400}.choice:has(input:focus-visible){outline:3px solid var(--teeblatt);outline-offset:2px}.choice:has(input:checked){border-color:var(--teeblatt);background:var(--sage);box-shadow:inset 0 0 0 1px var(--teeblatt)}.choice:has(input:checked) .choice-title:after{content:"✓";display:grid;place-items:center;background:var(--teeblatt);border-color:var(--teeblatt);color:var(--creme);font-size:.75rem}.form-error{color:var(--danger);background:var(--danger-bg);border-radius:14px;padding:.75rem .9rem;margin:0 0 .85rem}.btn{font:inherit;font-weight:700;font-size:1.2rem;line-height:1.2;cursor:pointer;border-radius:999px;min-height:52px;padding:.85rem 1.4rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center}.btn-primary{width:100%;border:0;background:var(--rooibos);color:var(--creme)}a.btn-primary{color:var(--creme)}.btn-primary:hover{filter:brightness(.96)}.btn-primary:active{filter:brightness(.92)}.btn-ghost{background:var(--paper);color:var(--teeblatt);border:1.5px solid var(--teeblatt)}.btn-ghost:hover{background:var(--sage)}.btn-back{border:0;background:var(--teeblatt);color:var(--creme)}.btn-back:hover{filter:brightness(1.08)}.btn-back:active{filter:brightness(.94)}.form-actions{margin-top:.15rem}.results{padding:2.25rem 0 1rem}.results-head{max-width:40rem;margin-bottom:1.75rem}.results-head p{color:var(--tinte);font-size:1.12rem}.result-hint{margin:.9rem 0 0;padding:.75rem .9rem;border-radius:16px;background:var(--sage);color:var(--tinte);font-size:.98rem}.results-list{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:stretch}.tea-card{--art-a: var(--teeblatt);--art-b: var(--matcha);--art-ink: var(--creme);--art-vein: var(--rooibos);background:var(--paper);border:1px solid var(--linie);border-radius:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;min-height:100%}.tea-card[data-type=Schwarztee]{--art-a: #1F2A2E;--art-b: #2F5D50}.tea-card[data-type=Grüntee]{--art-a: #2F5D50;--art-b: #9DBF8A}.tea-card[data-type=Weißtee]{--art-a: #F6F1E7;--art-b: #9DBF8A;--art-ink: #2F5D50}.tea-card[data-type=Oolong]{--art-a: #C8743A;--art-b: #2F5D50}.tea-card[data-type=Pu-Erh]{--art-a: #1F2A2E;--art-b: #C8743A}.tea-card[data-type=Kräutertee]{--art-a: #9DBF8A;--art-b: #F6F1E7;--art-ink: #2F5D50}.tea-card[data-type=Früchtetee]{--art-a: #C8743A;--art-b: #9DBF8A;--art-ink: #1F2A2E}.tea-card[data-type=Rooibos]{--art-a: #C8743A;--art-b: #2F5D50}.tea-card[data-type=Mate]{--art-a: #2F5D50;--art-b: #C8743A}.tea-art{position:relative;height:11.5rem;color:var(--art-ink);background:radial-gradient(circle at 84% 18%,rgba(246,241,231,.28),transparent 34%),linear-gradient(150deg,var(--art-a),var(--art-b))}.tea-art svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.tea-body{display:flex;flex-direction:column;flex:1;padding:1.15rem 1.15rem 1.25rem}.tea-rank{margin:0 0 .35rem;color:var(--rooibos);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.tea-meta{color:var(--muted);margin:.3rem 0 .75rem;font-size:.95rem}.tags{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0 0 .8rem;padding:0}.tags li{background:var(--sage);color:var(--teeblatt);border-radius:999px;padding:.2rem .65rem;font-size:.82rem;font-weight:600}.tea-reason{color:var(--tinte)}.brew{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:.2rem 0 .8rem}.brew div{background:var(--creme);border-radius:14px;padding:.55rem .3rem;text-align:center}.brew dt{font-size:.72rem;color:var(--muted)}.brew dd{margin:.15rem 0 0;font-weight:700;font-size:.92rem}.brew-note{color:var(--muted);font-size:.9rem}.caffeine{display:flex;align-items:flex-start;gap:.55rem;margin:.35rem 0 0;padding-top:.2rem;font-size:.95rem}.tea-buy{margin-top:auto;padding-top:1.1rem}.affiliate-note{color:var(--muted);font-size:.85rem;line-height:1.45;margin:.65rem 0 0}.meter{display:inline-flex;gap:.22rem;padding-top:.35rem;flex:none}.meter span{width:.72rem;height:.72rem;border-radius:50%;border:1.5px solid var(--teeblatt)}.meter-on{background:var(--teeblatt)}.meter-off{background:transparent}.fine-print{color:var(--muted);font-size:.88rem;max-width:46rem;margin-top:1.25rem}.results-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:0 0 1.15rem;padding:.7rem;background:var(--paper);border:1px solid var(--linie);border-radius:22px;box-shadow:var(--shadow)}.results-actions .btn{width:100%;font-size:1.05rem;min-height:52px}.step-kicker{display:block;margin-bottom:.15rem;font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rooibos)}.tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.tile{position:relative;display:flex;align-items:flex-start;gap:.45rem;min-height:5.6rem;padding:.7rem .65rem;border:1.5px solid var(--linie);border-radius:18px;background:var(--creme);cursor:pointer;text-align:left;transition:transform .14s ease,background-color .14s ease,border-color .14s ease,box-shadow .14s ease}.tile:active{transform:scale(.97)}.tile:hover{border-color:var(--matcha)}.tile input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.tile-emoji{font-size:1.45rem;line-height:1.1;flex:none}.tile-copy{display:grid;gap:.12rem;min-width:0}.tile-title{font-weight:700;line-height:1.25;font-size:.98rem}.tile-desc{color:var(--muted);font-size:.8rem;line-height:1.3}.tile:has(input:focus-visible){outline:3px solid var(--teeblatt);outline-offset:2px}.tile:has(input:checked){border-color:var(--teeblatt);background:var(--sage);box-shadow:inset 0 0 0 1px var(--teeblatt)}.facts{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin:.15rem 0 .35rem}.facts div{background:var(--creme);border-radius:14px;padding:.5rem .55rem;min-width:0}.facts div:last-child{grid-column:1 / -1}.facts dt{font-size:.72rem;color:var(--muted)}.facts dd{margin:.12rem 0 0;font-weight:700;font-size:.92rem;overflow-wrap:anywhere}.choose-layout{display:grid;gap:2rem;align-items:start;padding-bottom:1rem}.collection-grid{display:grid;gap:.85rem}.collection-card{background:var(--paper);border:1px solid var(--linie);border-radius:22px;box-shadow:var(--shadow);padding:1rem .95rem .85rem}.collection-card h3{font-size:1.35rem;margin-bottom:.4rem}.collection-intro{margin:0 0 .65rem;color:var(--muted)}.collection-note{margin:0 0 .8rem;padding:.75rem .8rem;border-radius:14px;background:var(--sage);color:var(--tinte);font-weight:700}.collection-teas{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}.collection-name{margin:0 0 .15rem;font-weight:700}.collection-reason{margin:0 0 .45rem;color:var(--muted);font-size:.95rem}.collection-card .tea-buy{padding-top:0}.collection-card .btn{width:100%;font-size:1rem;min-height:46px}.collection-card .affiliate-note{margin-top:.85rem}.prose{max-width:42rem}.prose h1{margin-top:.2rem}.prose h2{font-size:1.45rem;margin-top:1.9rem}.prose a{text-underline-offset:.16em}.prose ul{padding-left:1.2rem}.prose li{margin:.35rem 0}address.contact{font-style:normal;margin:0 0 .8rem}.footer{border-top:1px solid var(--linie);padding:1.8rem 0 2.2rem;color:var(--muted);font-size:.95rem;margin-top:auto}.footer-inner{display:grid;gap:.85rem;align-items:start}.footer p{margin:0;max-width:36rem}.footer nav{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.footer a:not(.logo){color:var(--teeblatt);font-weight:600;text-underline-offset:.16em}.footer .logo-mark{height:5.2rem}@media(max-width:420px){.logo-mark{height:3.7rem}.bar{padding:.45rem 0}.topnav a{padding-inline:.6rem}}@media(min-width:560px){.bar,.wrap{width:min(1180px,calc(100% - 2.5rem))}}@media(min-width:800px){.page{padding-bottom:4.5rem}.hero{padding-top:2.5rem}.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-areas:"copy art" "steps art";column-gap:3.5rem;row-gap:1.75rem;align-items:center;min-height:calc(100vh - 11rem)}.hero-copy{grid-area:copy}.hero-art{grid-area:art;min-height:28rem}.steps{grid-area:steps}.hero-actions .btn-primary{width:auto;min-width:16.5rem}.selector{padding-top:1rem}.panel{padding:1.6rem 1.5rem 1.5rem}.results-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem}.footer{padding:2.2rem 0 2.6rem}.footer-inner{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2rem}}@media(min-width:720px)and (max-width:1099px){.tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1100px){.choose-layout{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:1.25rem 1.75rem}.tile-grid{grid-template-columns:1fr 1fr}}@media(min-width:560px)and (max-width:799px){.results-list{grid-template-columns:1fr 1fr}}@media(min-width:960px){.panel{padding:1.7rem 1.6rem 1.55rem}}@media(max-width:767px){.logo{overflow:hidden;height:2.4rem;align-items:flex-start}.logo-mark,.footer .logo-mark{height:3.55rem}.logo-mark text:nth-of-type(2){display:none}.bar{padding:.55rem 0 .4rem}.hero{padding:1.15rem 0 .25rem}.hero-grid{gap:1.65rem}.hero h1{font-size:clamp(1.85rem,8vw,2.25rem);margin-bottom:.55rem}.eyebrow{margin-bottom:.55rem}.lead{font-size:1.02rem;line-height:1.5}.hero-actions{margin-top:1.15rem}.hero-art{min-height:0;height:7.25rem;max-height:7.25rem;padding:.15rem .25rem;border-radius:22px}.hero-art svg{width:11.5rem;max-height:6.75rem}.steps{gap:.35rem}.steps li{grid-template-columns:1.75rem auto minmax(0,1fr);column-gap:.55rem;row-gap:0;min-height:2.75rem}.steps li:before{width:1.75rem;height:1.75rem;font-size:.8rem}.steps strong{white-space:nowrap}.steps span{grid-column:3;grid-row:1;align-self:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selector{padding:3.25rem 0 1.25rem}.selector-intro{margin-bottom:1.6rem}.panel{padding:1.35rem 1rem 1.45rem}fieldset{margin-bottom:1.45rem}.choice-grid{display:flex;flex-wrap:wrap;gap:.55rem}.choice{width:auto;min-height:44px;border-radius:999px}.choice-text{flex-direction:row;flex-wrap:nowrap;align-items:center;min-height:44px;padding:.35rem .9rem;gap:.4rem}.choice-desc{display:none}.choice-title{font-size:1rem}.results{padding:3rem 0 1.25rem}.results-head{margin-bottom:1.6rem}.results-list{gap:1.75rem}.tea-art{height:8rem}.tea-body{padding:1.4rem 1.25rem 1.5rem}.tea-card h3{font-size:1.85rem;margin-top:.1rem}.tea-meta{margin:.4rem 0 1rem}.tea-reason{margin-bottom:.9rem}.brew{margin:.4rem 0 1rem}.tea-buy{padding-top:1.4rem}.tea-buy .btn-primary{width:100%}.page{padding-bottom:4.25rem}}.results-list[data-count="1"],.results-list[data-count="2"]{justify-content:center}.results-list[data-count="1"]{grid-template-columns:minmax(0,36rem)}@media(min-width:560px){.results-list[data-count="2"]{grid-template-columns:repeat(2,minmax(0,28rem));justify-content:center}}@media(forced-colors:active){.choice,.tea-card,.btn,.panel,.hero-art{border:1px solid CanvasText}.meter-on{background:CanvasText}.btn-primary{background:ButtonFace;color:ButtonText}}