.balkendiagram-section{position:relative;width:100%;display:block;isolation:isolate;contain:layout paint;background:transparent;padding:0;margin:0 auto 2rem;z-index:2;--anlass-title-lift:-46px}.balkendiagram-section .scent-diagram-wrapper{display:flex;flex-direction:column;gap:2rem;margin-top:1rem;margin-bottom:2rem}.balkendiagram-section .scent-diagram-left,.balkendiagram-section .scent-diagram-right{max-width:100%}.balkendiagram-section .scent-diagrams{margin:2rem auto;padding:0 1.2rem;font-family:inherit;max-width:620px}.balkendiagram-section .scent-slider{margin-bottom:1.5rem;opacity:0;transform:translateY(10px);animation:fadeInUp .6s ease forwards}.balkendiagram-section .scent-slider:nth-child(1){animation-delay:.1s}.balkendiagram-section .scent-slider:nth-child(2){animation-delay:.2s}.balkendiagram-section .scent-slider:nth-child(3){animation-delay:.3s}.balkendiagram-section .scent-slider:nth-child(4){animation-delay:.4s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.balkendiagram-section .scent-label{font-weight:700;letter-spacing:.08em;margin-bottom:.3rem;text-transform:uppercase;font-size:.9rem;color:#111}.balkendiagram-section .scent-bar{position:relative;display:block;height:10px;width:100%;background:#eee9e3;border:1px solid #d5d0ca;border-radius:4px;overflow:hidden}.balkendiagram-section .scent-marker{position:absolute;top:-4px;width:12px;height:20px;background:#8b8375;border-radius:3px;transform:translate(-50%) scaleX(0);animation:slideInMarker .8s ease forwards}@keyframes slideInMarker{0%{transform:translate(-50%) scaleX(0);opacity:0}to{transform:translate(-50%) scaleX(1);opacity:1}}.balkendiagram-section .scent-range{display:flex;justify-content:space-between;font-size:.8rem;margin-top:.2rem;color:#222}.balkendiagram-section .season-slider{position:relative;margin:1.4rem 0 1.5rem}.balkendiagram-section .season-bar-dynamic{position:relative;width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,#c8f5aa,#eefc91 15%,#fff17a 25%,#ffcf5c,#f6a05c,#e47b32 70%,#a5bcff 83%,#6f9eff);margin:.4rem auto 0;overflow:visible;box-shadow:inset 0 1px 1px #fff9,0 0 2px #fff3;opacity:.95}.balkendiagram-section .season-indicator{position:absolute;top:50%;transform:translateY(-50%);width:4px;height:14px;border-radius:2px;background:#50505099;z-index:3;opacity:.9;animation:pulseIndicator 2s infinite alternate}@keyframes pulseIndicator{0%{opacity:.8;transform:translateY(-50%) scaleY(.95)}to{opacity:1;transform:translateY(-50%) scaleY(1.05)}}.balkendiagram-section .season-indicator.spring{left:12.5%;box-shadow:0 0 6px 2px #b8f1a0b3}.balkendiagram-section .season-indicator.summer{left:37.5%;box-shadow:0 0 6px 2px #ffe157b3}.balkendiagram-section .season-indicator.autumn{left:62.5%;box-shadow:0 0 6px 2px #f79c4cb3}.balkendiagram-section .season-indicator.winter{left:87.5%;box-shadow:0 0 6px 2px #5e89ffb3}.balkendiagram-section .season-icons{display:flex;justify-content:space-between;align-items:center;position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;pointer-events:none;z-index:2;padding:0 .5%}.balkendiagram-section .season-icon{font-size:15px;opacity:.6;transition:transform .3s ease,opacity .3s ease}.balkendiagram-section .season-icon:hover{transform:scale(1.1);opacity:.9}.balkendiagram-section .season-labels{display:flex;justify-content:space-between;width:100%;margin-top:.6rem;font-size:.75rem;color:#222;font-weight:400}.chart-wrapper,.chart-canvas-wrap,.chart-card{position:relative;overflow:visible}.labels-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.chart-label{position:absolute;font:500 12px Helvetica Neue,Helvetica,Arial,sans-serif;background:#ffffffe6;border:1px solid #ddd;border-radius:4px;padding:2px 5px;color:#222;transform:translate(-50%,-50%);white-space:nowrap;z-index:5;transition:all .15s ease}.chart-line{position:absolute;height:1px;background:#666;transform-origin:0 50%;opacity:.8;z-index:4;transition:all .15s ease}.chart-label.active-label{transform:scale(1.08) translate(-50%,-50%);box-shadow:0 0 6px #00000040}.chart-line.active-line{opacity:1;box-shadow:0 0 4px #00000040}.balkendiagram-section .chart-title{display:block;position:absolute;left:50%;transform:translate(-50%);font-family:var(--font-nunito-sans);font-weight:700;color:var(--text-color);text-align:center;line-height:1.2;pointer-events:none}.chart-canvas-wrap{width:220px;height:220px;margin:0 auto}.chart-dna .chart-canvas-wrap{width:260px;height:260px}@media (prefers-reduced-motion:no-preference){.balkendiagram-section .scent-slider,.balkendiagram-section .season-bar-dynamic{transition:all .3s ease-in-out}}@media (max-width:768px){.balkendiagram-section .charts-grid{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex-wrap:nowrap;gap:2rem}.balkendiagram-section .chart-anlass{position:relative;width:72px;height:72px;top:75px;left:10px;margin:0 auto}.balkendiagram-section .chart-dna{position:relative;width:100px;height:100px;top:75px;left:-20px;margin:0 auto}.chart-canvas-wrap,.chart-canvas-wrap canvas{width:100%!important;height:100%!important;display:block!important;margin:0 auto!important;image-rendering:auto!important}.chart-anlass .chart-title{font-weight:800;font-size:11px;top:-66px}.chart-dna .chart-title{font-weight:700;font-size:11px;top:-66px;white-space:nowrap;word-break:keep-all}.chart-label{font-size:8.5px!important;padding:2px 5px;transform:translate(-50%,-49%)}.chart-line{width:10px;height:1.2px}.balkendiagram-section{padding-bottom:130px}.balkendiagram-section .chart-anlass .chart-canvas-wrap{margin-top:10px!important}}@media (min-width:769px) and (max-width:1019px){.balkendiagram-section .scent-diagram-wrapper{flex-direction:column!important;gap:2rem!important;margin-top:0!important}.balkendiagram-section .scent-diagram-left,.balkendiagram-section .scent-diagram-right{max-width:100%!important;position:static!important;top:auto!important;margin:0!important}.balkendiagram-section .charts-grid{display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:flex-start!important;flex-wrap:nowrap!important;gap:2rem!important;margin-top:0!important}.balkendiagram-section .chart-anlass{position:relative!important;width:72px!important;height:72px!important;top:75px!important;left:10px!important;margin:0 auto!important;text-align:center!important}.balkendiagram-section .chart-dna{position:relative!important;width:100px!important;height:100px!important;top:75px!important;left:-20px!important;margin:0 auto!important;text-align:center!important}.chart-canvas-wrap,.chart-canvas-wrap canvas{width:100%!important;height:100%!important;display:block!important;margin:0 auto!important;image-rendering:auto!important}.chart-anlass .chart-title{font-weight:800!important;font-size:11px!important;top:-66px!important}.chart-dna .chart-title{font-weight:700!important;font-size:11px!important;top:-66px!important;white-space:nowrap!important;word-break:keep-all!important}.chart-label{font-size:12px!important}.chart-line{width:10px!important;height:1.2px!important}.balkendiagram-section{padding-bottom:180px!important;overflow:visible!important}.balkendiagram-section .scent-diagram-right,.balkendiagram-section .charts-grid,.chart-wrapper,.chart-card,.chart-canvas-wrap{overflow:visible!important}}@media (min-width:1020px){.balkendiagram-section{overflow:visible;contain:none;max-width:1180px;margin:0 auto;position:relative;left:calc(-1*clamp(0px,(100vw - 1180px) / 2,160px))}.balkendiagram-section .scent-diagram-wrapper{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:3rem;margin-top:-7rem}.balkendiagram-section .scent-diagram-left{flex:1 1 60%;max-width:60%}.balkendiagram-section .scent-diagram-right{flex:1 1 35%;max-width:35%;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:2rem;top:25px}.balkendiagram-section .charts-grid{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:2.5rem;flex-wrap:nowrap}.balkendiagram-section .chart-anlass{width:140px;height:140px;position:relative;top:65px;left:30px;margin:0 auto;text-align:center}.balkendiagram-section .chart-dna{width:180px;height:180px;position:relative;top:45px;left:150px;margin:0 auto;text-align:center}.chart-canvas-wrap,.chart-canvas-wrap canvas{width:100%!important;height:100%!important;display:block;margin:0 auto}.balkendiagram-section .chart-title{top:-30px;font-size:14px}.chart-label{font-size:12px}}@media (min-width:1020px) and (max-width:1099px){.balkendiagram-section .scent-diagram-right{max-width:420px;justify-content:center;gap:1rem;padding-right:12px;overflow:visible!important}.balkendiagram-section .chart-anlass,.balkendiagram-section .chart-dna{left:0!important;margin:0 auto!important;text-align:center}.balkendiagram-section .chart-anlass{width:112px;height:112px;top:54px}.balkendiagram-section .chart-dna{width:148px;height:148px;top:38px}.balkendiagram-section .chart-title{top:-25px;font-size:12px}.chart-label{font-size:10.5px}}@media (min-width:1100px) and (max-width:1290px){.balkendiagram-section .scent-diagrams{max-width:558px;padding:0 1rem;box-sizing:border-box;margin-left:auto;margin-right:auto}.balkendiagram-section .scent-diagram-right{max-width:460px;justify-content:center;gap:1.25rem;padding-right:8px;overflow:visible!important}.balkendiagram-section .chart-anlass{width:126px;height:126px;top:59px;left:0;margin:0 auto}.balkendiagram-section .chart-dna{width:162px;height:162px;top:41px;left:0;margin:0 auto}.balkendiagram-section .chart-title{top:-27px;font-size:12.6px}}@media (min-width:1291px) and (max-width:1499px){.balkendiagram-section .scent-diagrams{max-width:590px}.balkendiagram-section .scent-diagram-right{max-width:520px;justify-content:center;gap:1.5rem}.balkendiagram-section .chart-anlass{width:135px;height:135px;top:62px;left:0;margin:0 auto}.balkendiagram-section .chart-dna{width:175px;height:175px;top:43px;left:0;margin:0 auto}.balkendiagram-section .chart-title{top:-28px;font-size:13px}}@media (min-width:1500px){.balkendiagram-section{left:-160px}.balkendiagram-section .scent-diagrams{max-width:620px;padding:0 1.2rem}.balkendiagram-section .chart-anlass{width:140px;height:140px;top:65px;left:30px}.balkendiagram-section .chart-dna{width:180px;height:180px;top:45px;left:150px}.balkendiagram-section .chart-title{top:-30px;font-size:14px}}@media (min-width:1020px){.balkendiagram-section .chart-anlass .chart-title{top:var(--anlass-title-lift)}}@media (min-width:1100px) and (max-width:1490px){.balkendiagram-section .charts-grid{display:grid!important;grid-auto-flow:column!important;align-items:start!important;justify-content:center!important;column-gap:clamp(3rem,8vw,9rem)!important;padding-inline:8px!important;overflow:visible!important}.balkendiagram-section .chart-anlass,.balkendiagram-section .chart-dna{left:0!important;margin:0 auto!important;text-align:center!important}.balkendiagram-section .scent-diagram-right,.chart-wrapper,.chart-card,.chart-canvas-wrap{overflow:visible!important}}@media (min-width:1100px) and (max-width:1200px){.balkendiagram-section .charts-grid{column-gap:clamp(2rem,5vw,5.5rem)!important;padding-right:10px!important}.balkendiagram-section .scent-diagram-right{max-width:450px!important;padding-right:14px!important;overflow:visible!important}.balkendiagram-section .chart-dna{width:158px!important;height:158px!important;top:40px!important;left:0!important;margin:0 auto!important}.chart-label{font-size:10.8px!important}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/diagramme.css.map */