.haarlexikon{--hl-mint:#72c195;--hl-ink:#173c32;--hl-soft:#eef6f0;--hl-line:#dde8e0;max-width:1160px;margin:auto;padding:28px 24px 72px;color:var(--color-foreground,#202720);font-family:var(--font-body--family,Arial,sans-serif);line-height:1.65}.haarlexikon *{box-sizing:border-box}.haarlexikon [hidden]{display:none!important}.haarlexikon a{color:inherit;text-underline-offset:4px}.haarlexikon :is(a,button,input,select):focus-visible{outline:3px solid #246b4a;outline-offset:4px}.haarlexikon h1,.haarlexikon h2,.haarlexikon h3{font-family:var(--font-heading--family,inherit);letter-spacing:-.025em;line-height:1.16;text-wrap:balance;color:inherit}.haarlexikon h1{font-size:clamp(2rem,4.7vw,3.75rem);margin:12px 0 22px;max-width:22ch}.haarlexikon h2{font-size:clamp(1.5rem,2.8vw,2rem);margin:0 0 16px;scroll-margin-top:150px}.haarlexikon h3{font-size:1.22rem;margin:12px 0}.haarlexikon p{margin:0 0 16px}.haarlexikon__crumbs{font-size:.85rem;margin-bottom:32px;color:#526057}.haarlexikon__hero{padding:34px 40px;background:var(--hl-soft);border-radius:14px}.haarlexikon__hero h1 span{color:#286044}.haarlexikon__hero>p,.haarlexikon__hero .rte{max-width:65ch}.haarlexikon__eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#30583f}.haarlexikon__search{max-width:680px;margin-top:26px}.haarlexikon__search label{display:block;font-weight:650;margin-bottom:9px}.haarlexikon input,.haarlexikon select{font:inherit;color:inherit;background:#fff;border:1px solid #b3c3b8;border-radius:8px;padding:12px 16px;min-height:48px;max-width:100%}.haarlexikon input{width:100%}.haarlexikon button{font:inherit;cursor:pointer;border:1px solid #c4d4c9;background:#fff;color:var(--hl-ink);border-radius:14px;min-height:44px;padding:10px 18px}.haarlexikon button:hover{background:var(--hl-soft)}.haarlexikon__topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.haarlexikon__topic{display:block;padding:22px 20px;border:1px solid var(--hl-line);border-radius:14px;text-decoration:none;background:#fff}.haarlexikon__topic h2{font-size:1.15rem;margin:12px 0}.haarlexikon__topic p{font-size:.9rem}.haarlexikon__topic-number{color:#38674a;font-size:.8rem;font-weight:700}.haarlexikon__topic:hover{border-color:#447958;background:var(--hl-soft)}.haarlexikon__section{margin-top:56px}.haarlexikon__section-heading{margin-bottom:24px}.haarlexikon__section-heading p{color:#526057}.haarlexikon__grid{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.haarlexikon__card{border:1px solid var(--hl-line);border-radius:14px;overflow:hidden;background:#fff;min-width:0}.haarlexikon__card-link{display:flex;flex-direction:column;height:100%;text-decoration:none}.haarlexikon__card-link:hover{background:#f7faf7}.haarlexikon__cover{position:relative;aspect-ratio:16/10;background:#e9efe9;overflow:hidden;text-align:center}.haarlexikon__cover img{width:100%;height:100%;object-fit:contain;display:block}.haarlexikon__video-label{position:absolute;bottom:12px;left:12px;background:#fff;color:var(--hl-ink);padding:5px 10px;border-radius:20px;font-size:.75rem;font-weight:650}.haarlexikon__card-copy{padding:22px;display:flex;flex-direction:column;flex:1}.haarlexikon__card-copy p{font-size:.93rem;color:#4b594f}.haarlexikon__read{font-size:.88rem;font-weight:700;margin-top:auto;padding-top:12px;display:flex;justify-content:space-between;color:#265b3f}.haarlexikon__filters{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:22px 0 12px}.haarlexikon__filters select{min-width:220px}.haarlexikon__empty,.haarlexikon__tools,.haarlexikon__path{background:var(--hl-soft);border-radius:14px;padding:28px;margin-top:28px}.haarlexikon__tools ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:16px}.haarlexikon__tools a{display:block;padding:12px 0;min-height:44px;font-weight:650}.haarlexikon__path ol{display:flex;flex-wrap:wrap;gap:12px 28px;padding-left:22px;margin-bottom:0}.haarlexikon__path a{display:inline-block;padding:8px}.haarlexikon--article{max-width:1080px}.haarlexikon--article>h1{max-width:25ch}.haarlexikon__answer{max-width:75ch;font-size:1.08rem;margin:20px 0 32px}.haarlexikon__watch{display:grid;grid-template-columns:minmax(240px,350px) 1fr;align-items:center;gap:48px;margin:36px 0;padding:32px;background:var(--hl-soft);border-radius:14px}.haarlexikon__watch ul{padding-left:20px}.haarlexikon__watch li{margin:12px 0}.haarlexikon__video{margin:24px 0;padding:20px;border:1px solid var(--hl-line);border-radius:14px;max-width:420px;background:#fff}.haarlexikon__watch .haarlexikon__video{margin:0;width:100%}.haarlexikon__poster{width:100%;max-height:520px;object-fit:contain;display:block;border-radius:8px;background:#edf2ed}.haarlexikon__video [data-activate]{background:var(--hl-mint);color:#153c29;border:0;font-weight:700;width:100%;margin-top:14px}.haarlexikon__video figcaption{margin-top:12px}.haarlexikon__video figcaption p,.haarlexikon__notice,.haarlexikon__video [role=status],.haarlexikon__video>a{font-size:.82rem}.haarlexikon__video iframe{border:0;width:100%;aspect-ratio:9/16;min-height:500px;display:block}.haarlexikon__toc{padding:24px 28px;border-left:4px solid var(--hl-mint);background:#f6f8f5;margin:36px 0;max-width:75ch}.haarlexikon__toc ol{padding-left:20px;margin-bottom:0}.haarlexikon__toc a{display:inline-block;padding:8px 0}.haarlexikon__body{max-width:72ch}.haarlexikon__body h2{margin-top:40px}.haarlexikon__body p{margin-bottom:22px}.haarlexikon__body :is(img,video){max-width:100%;height:auto}.haarlexikon__body table{display:block;overflow:auto}.haarlexikon__related{margin-top:44px;border-top:1px solid var(--hl-line);padding-top:32px}.haarlexikon__related ul{list-style:none;padding:0}.haarlexikon__related li{padding:16px 0;border-bottom:1px solid var(--hl-line)}.haarlexikon__related a{display:inline-block;padding:8px 0;min-height:44px;font-weight:650}.haarlexikon__products ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.haarlexikon__products li{background:#f6f8f5;border:0;padding:20px;border-radius:14px}.haarlexikon__products img{height:120px;max-width:100%;object-fit:contain}.haarlexikon__hint{padding:22px;background:var(--hl-soft);border-radius:10px}@media(max-width:900px){.haarlexikon__topics,.haarlexikon__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.haarlexikon__watch{gap:24px;padding:24px}}@media(max-width:600px){.haarlexikon{padding:20px 18px 48px}.haarlexikon__hero{padding:26px 22px}.haarlexikon__crumbs{margin-bottom:20px}.haarlexikon__topics{gap:10px}.haarlexikon__topic{padding:16px 13px}.haarlexikon__topic h2{font-size:1.03rem}.haarlexikon__topic p{font-size:.85rem}.haarlexikon__grid{grid-template-columns:1fr;gap:20px}.haarlexikon__section{margin-top:38px}.haarlexikon__watch{grid-template-columns:1fr;padding:18px;gap:24px}.haarlexikon__watch .haarlexikon__video{max-width:360px;margin:auto}.haarlexikon__products ul{grid-template-columns:1fr}.haarlexikon__filters{align-items:stretch}.haarlexikon__filters label{width:100%}.haarlexikon__filters select{flex:1;min-width:0}.haarlexikon__path ol{display:block}.haarlexikon__path li{margin:4px 0}}@media(prefers-reduced-motion:no-preference){.haarlexikon__card,.haarlexikon__topic{transition:background .15s,border-color .15s}}.haarlexikon__card{position:relative}.haarlexikon__play-link{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:#173c32!important;text-decoration:none;font-size:24px;box-shadow:0 2px 10px #173c321a}.haarlexikon__play-link:hover{background:#d9efdf}.haarlexikon__video{padding:0;overflow:hidden}.haarlexikon__video-stage{position:relative;aspect-ratio:9/16;background:#163329;overflow:hidden;max-height:none}.haarlexikon__video-stage .haarlexikon__poster{width:100%;height:100%;max-height:none;object-fit:contain;border-radius:0}.haarlexikon__video-stage [data-player]:not(:empty){position:absolute;top:0;right:0;bottom:0;left:0}.haarlexikon__video-stage iframe{height:100%;width:100%;min-height:0;aspect-ratio:9/16}.haarlexikon__video-stage [data-activate]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;margin:0;border-radius:0;background:linear-gradient(transparent 45%,#0008);color:#fff;border:0}.haarlexikon__video-stage [data-activate]:hover{background:linear-gradient(#0001,#0009)}.haarlexikon__video-stage [data-activate] span:first-child{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#fff;color:#173c32;font-size:26px;box-shadow:0 4px 24px #0003}.haarlexikon__video-stage [data-activate] span:last-child{background:#173c32;padding:7px 14px;border-radius:24px}.haarlexikon__video figcaption,.haarlexikon__video [role=status],.haarlexikon__video-footer{padding:0 18px}.haarlexikon__video figcaption{margin:18px 0 12px}.haarlexikon__video figcaption p:empty,.haarlexikon__video [role=status]:empty{display:none}.haarlexikon__video-footer{font-size:.8rem;margin-bottom:18px!important}.haarlexikon__consent{padding:18px;background:#edf6ef;font-size:.9rem}.haarlexikon__consent button{width:100%;margin-top:8px}.haarlexikon__watch{align-items:start}.haarlexikon__watch>div:last-child{padding-top:18px}.haarlexikon__watch{grid-template-columns:minmax(220px,320px) minmax(0,1fr)}@media(max-width:760px){.haarlexikon__watch{grid-template-columns:1fr;gap:20px}.haarlexikon__watch .haarlexikon__video{max-width:320px;margin:auto}.haarlexikon__watch>div:last-child{padding-top:0}}.haarlexikon-library__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}.haarlexikon-library__card{border:1px solid var(--hl-line);border-radius:16px;padding:18px;min-width:0;background:#fff}.haarlexikon-library__card h2{font-size:1.2rem;line-height:1.35;letter-spacing:-.01em}.haarlexikon-library__card .haarlexikon__video{margin:16px 0 0}.haarlexikon-library__notice{padding:12px;background:#f5f2e9;border-radius:8px;font-size:.85rem}.haarlexikon-library__count{margin:28px 0!important;scroll-margin-top:120px}.haarlexikon-library__pagination{display:flex;flex-wrap:wrap;gap:8px;margin:36px 0}.haarlexikon-library__pagination a,.haarlexikon-library__pagination .current{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--hl-line);border-radius:8px;padding:8px;text-decoration:none}.haarlexikon-library__pagination [aria-current],.haarlexikon-library__pagination .current{background:var(--hl-mint);font-weight:700}.haarlexikon-library__lessons{font-size:.9rem;padding-left:18px;margin:18px 0 0}.haarlexikon-library__lessons a{display:inline-block;padding:8px 0}.haarlexikon-library .haarlexikon__filters label{display:grid;gap:8px}.haarlexikon__more{margin:36px 0;border:1px solid var(--hl-line);border-radius:14px;padding:20px}.haarlexikon__more summary{cursor:pointer;min-height:44px;font-weight:700;padding:10px 0}.haarlexikon__examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.haarlexikon__examples .haarlexikon__video{min-width:0;margin:0}.haarlexikon__examples .haarlexikon__video-stage{aspect-ratio:9/16}.haarlexikon__library-entry{margin:32px 0;padding:24px;background:var(--hl-soft);border-radius:14px}.haarlexikon__library-entry a{display:inline-flex;min-height:44px;align-items:center;font-weight:700}@media(max-width:1000px){.haarlexikon-library__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.haarlexikon-library__grid,.haarlexikon__examples{grid-template-columns:1fr}.haarlexikon-library__card{padding:16px}.haarlexikon-library .haarlexikon__filters label{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/haarlexikon.css.map */