.lfpg{--lfpg-text: #1d1d1d;--lfpg-muted: #6a6866;--lfpg-line: #e4e0dc;--lfpg-line-strong: #c9c1ba;--lfpg-soft: #faf8f6;--lfpg-accent: #9c6654;--lfpg-accent-dark: #7d4e40;--lfpg-accent-soft: #f4ebe6;--lfpg-success: #2f7253;--lfpg-warning: #956515;--lfpg-danger: #a23f3f;padding-top:42px;padding-bottom:76px;color:var(--lfpg-text)}.lfpg *,.lfpg *:before,.lfpg *:after{box-sizing:border-box}.lfpg button,.lfpg input{font:inherit}.lfpg__preview-kicker{margin:0 0 9px;color:var(--lfpg-accent-dark);font-size:11px;font-weight:750;letter-spacing:.14em;line-height:1.4;text-transform:uppercase}.lfpg__layout{display:grid;grid-template-columns:minmax(420px,.92fr) minmax(500px,1.08fr);gap:28px;align-items:start}.lfpg__controls{display:grid;gap:14px}.lfpg__card,.lfpg__preview-panel{border:1px solid var(--lfpg-line);border-radius:8px;background:#fff}.lfpg__card{padding:24px}.lfpg__card-head{display:flex;margin-bottom:21px;align-items:flex-start;gap:13px}.lfpg__step{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border:1px solid rgba(156,102,84,.25);border-radius:6px;background:var(--lfpg-accent-soft);color:var(--lfpg-accent-dark);font-size:13px;font-weight:750}.lfpg__card-title,.lfpg__preview-heading{margin:0;color:var(--lfpg-text);font-size:18px;font-weight:700;line-height:1.3;letter-spacing:-.012em}.lfpg__card-copy{margin:4px 0 0;color:var(--lfpg-muted);font-size:13px;line-height:1.5}.lfpg__color-inputs{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px}.lfpg__color-picker-wrap,.lfpg__hex-field{display:grid;gap:8px}.lfpg__field-label{margin:0;color:var(--lfpg-text);font-size:12px;font-weight:700;line-height:1.35}.lfpg__color-picker-shell{position:relative;display:block;height:48px;overflow:hidden;border:1px solid var(--lfpg-line-strong);border-radius:7px;background:var(--lfpg-current-color, #8a6f5a)}.lfpg__color-picker-shell:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(255,255,255,.8);border-radius:3px;pointer-events:none}.lfpg__color-picker{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;width:calc(100% + 16px);height:calc(100% + 16px);border:0;opacity:0;cursor:pointer}.lfpg__hex-input-wrap{display:flex;height:48px;align-items:center;border:1px solid var(--lfpg-line-strong);border-radius:7px;background:#fff;transition:border-color .18s ease}.lfpg__hex-input-wrap>span{padding-left:14px;color:var(--lfpg-muted);font-weight:700}.lfpg__hex-input-wrap input{width:100%;height:100%;padding:0 14px 0 4px;border:0;outline:0;background:transparent;color:var(--lfpg-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.lfpg__hex-input-wrap:focus-within{border-color:var(--lfpg-accent);outline:2px solid rgba(156,102,84,.16);outline-offset:1px}.lfpg__hex-input-wrap.is-invalid{border-color:var(--lfpg-danger)}.lfpg__field-message{min-height:18px;margin:6px 0 0;color:var(--lfpg-danger);font-size:12px}.lfpg__quick-colors{margin-top:18px;padding-top:18px;border-top:1px solid var(--lfpg-line)}.lfpg__swatches{display:grid;margin-top:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.lfpg__swatch{min-width:0;padding:6px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--lfpg-muted);cursor:pointer;transition:border-color .18s ease,background-color .18s ease}.lfpg__swatch:hover,.lfpg__swatch.is-active{border-color:var(--lfpg-line-strong);background:var(--lfpg-soft)}.lfpg__swatch>span{display:block;width:100%;height:28px;border:1px solid rgba(24,24,24,.12);border-radius:4px;background:var(--lfpg-swatch)}.lfpg__swatch small{display:block;margin-top:5px;overflow:hidden;font-size:10px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.lfpg__choice-grid,.lfpg__segments,.lfpg__preview-styles{min-width:0;margin:0;padding:0;border:0}.lfpg__choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lfpg__choice,.lfpg__segment,.lfpg__preview-style{position:relative;cursor:pointer}.lfpg__choice input,.lfpg__segment input,.lfpg__preview-style input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.lfpg__choice>span{display:flex;min-height:82px;padding:13px 11px;flex-direction:column;justify-content:center;border:1px solid var(--lfpg-line);border-radius:7px;background:#fff;transition:border-color .18s ease,background-color .18s ease}.lfpg__choice strong{font-size:13px;line-height:1.3}.lfpg__choice small{margin-top:5px;color:var(--lfpg-muted);font-size:11px;line-height:1.35}.lfpg__choice:hover>span,.lfpg__segment:hover>span,.lfpg__preview-style:hover>span{border-color:var(--lfpg-line-strong);background:var(--lfpg-soft)}.lfpg__choice.is-active>span,.lfpg__segment.is-active>span,.lfpg__preview-style.is-active>span{border-color:var(--lfpg-accent);background:var(--lfpg-accent-soft);color:var(--lfpg-accent-dark)}.lfpg__segments,.lfpg__preview-styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px;gap:3px;border:1px solid var(--lfpg-line);border-radius:8px;background:var(--lfpg-soft)}.lfpg__segment>span,.lfpg__preview-style>span{display:grid;min-height:40px;padding:8px;place-items:center;border:1px solid transparent;border-radius:5px;color:var(--lfpg-muted);font-size:12px;font-weight:650;text-align:center;transition:border-color .18s ease,background-color .18s ease}.lfpg__segment.is-active>span,.lfpg__preview-style.is-active>span{background:#fff}.lfpg__section-head,.lfpg__preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.lfpg__palette{display:grid;margin-top:20px;gap:8px}.lfpg__color-card{display:grid;min-width:0;padding:9px;grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:10px;border:1px solid var(--lfpg-line);border-radius:7px;background:#fff}.lfpg__color-chip{width:52px;height:42px;border:1px solid rgba(24,24,24,.14);border-radius:5px;background:var(--lfpg-chip)}.lfpg__color-meta{min-width:0}.lfpg__color-meta strong,.lfpg__color-meta code{display:block}.lfpg__color-meta strong{color:var(--lfpg-text);font-size:12px}.lfpg__color-meta code{margin-top:3px;color:var(--lfpg-muted);font-size:12px;letter-spacing:.03em}.lfpg__icon-button,.lfpg__copy-button{display:grid;height:40px;place-items:center;border:1px solid var(--lfpg-line);border-radius:6px;background:#fff;color:var(--lfpg-text);cursor:pointer;transition:border-color .18s ease,background-color .18s ease}.lfpg__icon-button{width:40px;padding:0;font-size:17px}.lfpg__copy-button{min-width:72px;padding:0 11px;font-size:11px;font-weight:700}.lfpg__icon-button:hover,.lfpg__copy-button:hover{border-color:var(--lfpg-line-strong);background:var(--lfpg-soft)}.lfpg__text-button,.lfpg__quiet-button{padding:0;border:0;background:transparent;color:var(--lfpg-accent-dark);font-size:12px;font-weight:700;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.lfpg__contrast-list{display:grid;margin-top:18px;gap:0;border-top:1px solid var(--lfpg-line)}.lfpg__contrast-row{display:grid;padding:11px 0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;border-bottom:1px solid var(--lfpg-line);font-size:12px}.lfpg__contrast-ratio{color:var(--lfpg-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.lfpg__contrast-badge,.lfpg__contrast-summary{display:inline-flex;min-height:26px;padding:4px 8px;align-items:center;border:1px solid currentColor;border-radius:5px;font-size:10px;font-weight:750}.lfpg__contrast-badge[data-level=excellent],.lfpg__contrast-summary[data-level=excellent]{color:var(--lfpg-success)}.lfpg__contrast-badge[data-level=good],.lfpg__contrast-summary[data-level=good]{color:#4d6d45}.lfpg__contrast-badge[data-level=borderline],.lfpg__contrast-summary[data-level=borderline]{color:var(--lfpg-warning)}.lfpg__contrast-badge[data-level=poor],.lfpg__contrast-summary[data-level=poor]{color:var(--lfpg-danger)}.lfpg__actions-card>.lfpg__card-title{margin-bottom:16px}.lfpg__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lfpg__primary-button,.lfpg__secondary-button{min-height:44px;padding:9px 14px;border-radius:7px;font-size:12px;font-weight:700;cursor:pointer;transition:border-color .18s ease,background-color .18s ease}.lfpg__primary-button{border:1px solid var(--lfpg-text);background:var(--lfpg-text);color:#fff}.lfpg__primary-button:hover{background:#333}.lfpg__secondary-button{border:1px solid var(--lfpg-line-strong);background:#fff;color:var(--lfpg-text)}.lfpg__secondary-button:hover{border-color:var(--lfpg-text);background:var(--lfpg-soft)}.lfpg__quiet-button{min-height:40px;grid-column:1 / -1;justify-self:center}.lfpg__contrast-card>.lfpg__secondary-button{width:100%;margin-top:14px}.lfpg__preview-column{position:sticky;top:18px}.lfpg__preview-panel{overflow:hidden}.lfpg__preview-head{padding:20px;align-items:center;border-bottom:1px solid var(--lfpg-line)}.lfpg__preview-kicker{margin-bottom:4px}.lfpg__preview-styles{width:min(330px,55%)}.lfpg__resume-stage{display:grid;min-height:650px;padding:24px;place-items:start center;overflow:hidden;background:var(--lfpg-soft)}.lfpg__resume{--palette-main: #8a6f5a;--palette-accent: #b49b86;--palette-background: #fbfaf8;--palette-text: #262321;--palette-line: #ddd5ce;--palette-on-main: #fff;--palette-on-accent: #181818;width:min(100%,620px,calc((100vh - 185px)*.707));aspect-ratio:210 / 297;overflow:hidden;border:1px solid rgba(24,24,24,.12);border-radius:3px;background:var(--palette-background);color:var(--palette-text);font-family:Arial,Helvetica,sans-serif;font-size:clamp(7px,.58vw,10px);line-height:1.45}.lfpg__resume p{margin:0}.lfpg__resume-header{display:flex;min-height:18%;padding:6.2% 6.7%;align-items:center;justify-content:space-between;gap:5%;background:var(--palette-main);color:var(--palette-on-main)}.lfpg__resume-name{font-size:3.2em;font-weight:700;line-height:1;letter-spacing:-.035em}.lfpg__resume-role{margin-top:1.1em!important;font-size:1.25em;letter-spacing:.12em;text-transform:uppercase}.lfpg__resume-monogram{display:grid;width:4.5em;height:4.5em;flex:0 0 auto;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:1.3em;font-weight:700}.lfpg__resume-body{display:grid;min-height:82%;grid-template-columns:34% 66%}.lfpg__resume-sidebar,.lfpg__resume-main{padding:7% 8%}.lfpg__resume-sidebar{background:var(--palette-accent);color:var(--palette-on-accent)}.lfpg__resume-sidebar section+section,.lfpg__resume-main section+section{margin-top:2.4em}.lfpg__resume-section-title{margin-bottom:.9em!important;padding-bottom:.55em;border-bottom:1px solid var(--palette-line);color:var(--palette-main);font-size:1.18em;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.lfpg__resume-sidebar .lfpg__resume-section-title{color:var(--palette-on-accent);border-color:currentColor;opacity:.78}.lfpg__contact-list{margin:0;padding:0;list-style:none}.lfpg__contact-list li+li,.lfpg__resume-sidebar section>p+p{margin-top:.65em}.lfpg__skills{display:grid;gap:.9em}.lfpg__skills span{display:grid;gap:.35em}.lfpg__skills i{position:relative;display:block;height:3px;overflow:hidden;background:color-mix(in srgb,var(--palette-text) 16%,transparent)}.lfpg__skills i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--level);background:var(--palette-main)}.lfpg__resume-main{padding-left:9%;background:var(--palette-background)}.lfpg__resume-main>section>p:not(.lfpg__resume-section-title),.lfpg__resume-entry>p{color:var(--palette-text);opacity:.82}.lfpg__resume-entry+.lfpg__resume-entry{margin-top:1.7em;padding-top:1.7em;border-top:1px solid var(--palette-line)}.lfpg__resume-entry>div{display:flex;justify-content:space-between;gap:1em}.lfpg__resume-entry strong{font-size:1.08em}.lfpg__resume-entry span{flex:0 0 auto;color:var(--palette-main);font-weight:700}.lfpg__resume-entry em{display:block;margin:.35em 0 .7em;color:var(--palette-main);font-style:normal}.lfpg__resume--klassisch .lfpg__resume-header{min-height:16%;padding-bottom:4.5%;align-items:flex-end;border-bottom:3px solid var(--palette-main);background:var(--palette-background);color:var(--palette-text);text-align:center}.lfpg__resume--klassisch .lfpg__resume-header>div{width:100%}.lfpg__resume--klassisch .lfpg__resume-name,.lfpg__resume--klassisch .lfpg__resume-role{color:var(--palette-main)}.lfpg__resume--klassisch .lfpg__resume-monogram{display:none}.lfpg__resume--klassisch .lfpg__resume-body{display:flex;min-height:84%;flex-direction:column}.lfpg__resume--klassisch .lfpg__resume-sidebar{display:grid;padding:4% 7%;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%;background:var(--palette-background);border-bottom:1px solid var(--palette-line);color:var(--palette-text)}.lfpg__resume--klassisch .lfpg__resume-sidebar .lfpg__resume-section-title{color:var(--palette-main);border-color:var(--palette-line);opacity:1}.lfpg__resume--klassisch .lfpg__resume-sidebar section+section{margin-top:0}.lfpg__resume--klassisch .lfpg__resume-main{padding:5% 7%}.lfpg__resume--minimalistisch .lfpg__resume-header{min-height:15%;padding-bottom:3.5%;border-bottom:1px solid var(--palette-line);background:var(--palette-background);color:var(--palette-text)}.lfpg__resume--minimalistisch .lfpg__resume-name{color:var(--palette-main)}.lfpg__resume--minimalistisch .lfpg__resume-role{color:var(--palette-text)}.lfpg__resume--minimalistisch .lfpg__resume-monogram{border-color:var(--palette-line);color:var(--palette-main)}.lfpg__resume--minimalistisch .lfpg__resume-body{min-height:85%;grid-template-columns:29% 71%}.lfpg__resume--minimalistisch .lfpg__resume-sidebar{background:var(--palette-background);border-right:1px solid var(--palette-line);color:var(--palette-text)}.lfpg__resume--minimalistisch .lfpg__resume-sidebar .lfpg__resume-section-title{color:var(--palette-main);border-color:var(--palette-line);opacity:1}.lfpg__status-message{position:fixed;z-index:20;right:20px;bottom:20px;max-width:min(360px,calc(100vw - 40px));margin:0;padding:11px 14px;border:1px solid var(--lfpg-line-strong);border-radius:7px;background:#fff;color:var(--lfpg-text);font-size:12px;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}.lfpg__status-message.is-visible{opacity:1;transform:translateY(0)}.lfpg__choice input:focus-visible+span,.lfpg__segment input:focus-visible+span,.lfpg__preview-style input:focus-visible+span,.lfpg button:focus-visible,.lfpg__color-picker:focus-visible{outline:2px solid rgba(156,102,84,.4);outline-offset:2px}@media(max-width:1100px){.lfpg__layout{grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);gap:18px}.lfpg__card{padding:20px}.lfpg__choice-grid{grid-template-columns:1fr}.lfpg__choice>span{min-height:62px}}@media(max-width:900px){.lfpg{padding-top:30px;padding-bottom:58px}.lfpg__layout{grid-template-columns:1fr}.lfpg__preview-column{position:static}.lfpg__choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lfpg__resume{width:min(100%,620px)}}@media(max-width:749px){.lfpg__layout{display:flex;flex-direction:column;gap:14px}.lfpg__controls{display:contents}.lfpg__area{width:100%;min-width:0;max-width:none;align-self:stretch}.lfpg__area--color{order:1}.lfpg__area--mode{order:2}.lfpg__area--brightness{order:3}.lfpg__area--preview{order:4}.lfpg__area--contrast{order:5}.lfpg__area--palette{order:6}.lfpg__area--actions{order:7}}@media(max-width:640px){.lfpg{padding-top:22px;padding-bottom:44px}.lfpg__controls,.lfpg__layout{gap:10px}.lfpg__card{padding:18px}.lfpg__card-head{margin-bottom:18px}.lfpg__color-inputs{grid-template-columns:92px minmax(0,1fr)}.lfpg__swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.lfpg__swatch small{display:none}.lfpg__choice-grid{grid-template-columns:1fr}.lfpg__choice>span{min-height:58px}.lfpg__section-head,.lfpg__preview-head{display:grid}.lfpg__text-button{justify-self:start}.lfpg__color-card{grid-template-columns:44px minmax(0,1fr) 40px}.lfpg__color-chip{width:44px;height:40px}.lfpg__copy-button{grid-column:2 / -1;width:100%}.lfpg__contrast-row{grid-template-columns:minmax(0,1fr) auto}.lfpg__contrast-badge{grid-column:1 / -1;justify-self:start}.lfpg__actions{grid-template-columns:1fr}.lfpg__quiet-button{grid-column:auto}.lfpg__preview-head{padding:18px}.lfpg__preview-styles{width:100%}.lfpg__preview-style>span{padding-inline:4px;font-size:10px}.lfpg__resume-stage{min-height:0;padding:12px}.lfpg__resume{width:100%;font-size:clamp(5.5px,1.65vw,8px)}}@media(max-width:380px){.lfpg__segments{grid-template-columns:1fr}.lfpg__color-card{grid-template-columns:40px minmax(0,1fr) 40px;gap:7px}.lfpg__color-chip{width:40px}}@media(prefers-reduced-motion:reduce){.lfpg *,.lfpg *:before,.lfpg *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/louvion-farbpaletten-generator.css.map */