*,*:before,*:after{box-sizing:border-box}:root{--px-bg-primary: #EEEEEE;--px-bg-card: #FFFFFF;--px-bg-input: #F5F5F5;--px-bg-hover: #E8E8E8;--px-gold: #C9A962;--px-gold-light: #D4B87A;--px-gold-dark: #9A7A20;--px-text-primary: #1A1A1A;--px-text-secondary: #555555;--px-text-muted: #888888;--px-border: #222222;--px-border-light: rgba(34, 34, 34, .15);--px-success: #4A7A2A;--px-warning: #B8952F;--px-danger: #C4453A;--px-info: #3A6A8A;--px-font-display: "Bebas Neue", "Impact", sans-serif;--px-font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--px-font-mono: "JetBrains Mono", "SF Mono", monospace;--px-radius: 8px;--px-radius-lg: 12px;--px-max-width: 1240px;--px-mobile-bottom-offset: 70px;--px-font-size-base: 17px}.pxcalc{font-family:var(--px-font-body);font-size:var(--px-font-size-base, 17px);background:var(--px-bg-primary);color:var(--px-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.calculator{display:grid;grid-template-columns:1fr 380px;grid-template-rows:auto 1fr;height:100vh;overflow:hidden;max-width:var(--px-max-width, 1240px);margin:0 auto}@media (max-width: 1100px){.calculator{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;height:auto;min-height:100vh}}.calculator__header{grid-column:1 / -1;background:var(--px-bg-card);border-bottom:1px solid var(--px-border-light);padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.calculator__brand{display:flex;align-items:center;gap:1rem}.calculator__logo{width:48px;height:48px;background:var(--px-gold);border-radius:var(--px-radius);display:flex;align-items:center;justify-content:center}.calculator__logo svg{width:28px;height:28px;fill:#fff}.calculator__title{font-family:var(--px-font-display);font-size:2rem;font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:var(--px-text-primary)}.calculator__subtitle{font-size:1rem;color:var(--px-text-muted);margin-top:2px}.calculator__vehicle-select{display:flex;align-items:center;gap:1rem;flex:1;max-width:600px}.calculator__vehicle-select label{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--px-text-muted);white-space:nowrap}.calculator__vehicle-select select{flex:1;padding:.85rem 2.5rem .85rem 1rem;background:var(--px-bg-input);border:1px solid var(--px-border-light);border-radius:var(--px-radius);font-family:inherit;font-size:1.05rem;color:var(--px-text-primary);cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:18px;min-width:180px}.calculator__vehicle-select select:focus{outline:none;border-color:var(--px-gold);box-shadow:0 0 0 3px #c9a96226}.calculator__vehicle-select select:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 900px){.calculator__header{flex-direction:column;align-items:flex-start;padding:1rem;gap:1rem}.calculator__vehicle-select{width:100%;max-width:none;gap:.5rem}.calculator__vehicle-select label{display:none}.calculator__vehicle-select select{flex:1;min-width:45%}}@media (max-width: 500px){.calculator__vehicle-select{flex-direction:column}.calculator__vehicle-select select{min-width:100%}}.calculator__main{display:flex;flex-direction:column;overflow:hidden;background:var(--px-bg-primary)}.calculator__bubbles{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 1.5rem;background:var(--px-bg-card);border-bottom:1px solid var(--px-border-light);justify-content:center}.calculator__bubble{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.2rem;background:var(--px-bg-input);border:2px solid transparent;border-radius:50px;font-family:inherit;font-size:1rem;font-weight:500;color:var(--px-text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.calculator__bubble:hover{background:var(--px-bg-hover);border-color:var(--px-border-light);transform:translateY(-1px)}.calculator__bubble.active{background:var(--px-gold);border-color:var(--px-gold);color:var(--px-text-primary);font-weight:600;box-shadow:0 2px 8px #c9a9624d}.calculator__bubble-icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.calculator__bubble-badge{min-width:20px;height:20px;background:var(--px-text-primary);color:#fff;font-size:.7rem;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px;opacity:0;transform:scale(.7);transition:all .2s ease;margin-left:-.25rem}.calculator__bubble.active .calculator__bubble-badge{background:var(--px-text-primary)}.calculator__bubble-badge.visible{opacity:1;transform:scale(1)}@media (max-width: 768px){.calculator__bubbles{padding:.75rem 1rem;gap:.4rem;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.calculator__bubbles::-webkit-scrollbar{display:none}.calculator__bubble{padding:.5rem .9rem;font-size:.8rem;flex-shrink:0}.calculator__bubble-icon{width:20px;height:20px}.calculator__bubble-text{display:none}.calculator__bubble.active .calculator__bubble-text{display:inline}}@media (max-width: 480px){.calculator__bubble{padding:.5rem .75rem}}.calculator__options-wrapper{flex:1;overflow-y:auto;padding:1.5rem}.calculator__options-panel{display:none}.calculator__options-panel.active{display:block}.calculator__options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}@media (min-width: 600px) and (max-width: 1100px){.calculator__options-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1400px){.calculator__options-grid{grid-template-columns:repeat(3,1fr)}}.option-card{background:var(--px-bg-card);border:2px solid var(--px-border-light);border-radius:var(--px-radius-lg);padding:1.25rem;cursor:pointer;transition:all .2s ease;position:relative}.option-card:hover{border-color:var(--px-gold-light);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.option-card.selected{border-color:var(--px-gold);background:#c9a9620f}.option-card__check{position:absolute;top:12px;right:12px;width:24px;height:24px;border:2px solid var(--px-border-light);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.option-card.selected .option-card__check{background:var(--px-gold);border-color:var(--px-gold)}.option-card__check svg{width:14px;height:14px;stroke:#fff;stroke-width:3;opacity:0;transition:opacity .2s ease}.option-card.selected .option-card__check svg{opacity:1}.option-card__header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;padding-right:2rem}.option-card__icon{width:40px;height:40px;background:var(--px-bg-input);border-radius:var(--px-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-card__icon svg{width:22px;height:22px;stroke:var(--px-text-secondary);fill:none;stroke-width:1.5}.option-card.selected .option-card__icon{background:#c9a96226}.option-card.selected .option-card__icon svg{stroke:var(--px-gold-dark)}.option-card__title{font-weight:600;font-size:1.15rem;color:var(--px-text-primary);line-height:1.3}.option-card__desc{font-size:.95rem;color:var(--px-text-muted);line-height:1.4;margin-bottom:.75rem}.option-card__price{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--px-border-light)}.option-card__price-value{font-family:var(--px-font-mono);font-size:1.2rem;font-weight:600;color:var(--px-success)}.option-card__price-label{font-size:.85rem;color:var(--px-text-muted);text-transform:uppercase;letter-spacing:.05em}.option-card__variant{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--px-border-light)}.option-card__variant-label{font-size:.85rem;color:var(--px-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;display:block}.option-card__variant-select{width:100%;padding:.7rem 2rem .7rem .85rem;background:var(--px-bg-input);border:1px solid var(--px-border-light);border-radius:var(--px-radius);font-family:inherit;font-size:1rem;color:var(--px-text-primary);cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:16px}.option-card__variant-select:focus{outline:none;border-color:var(--px-gold)}.calculator__sidebar{background:var(--px-bg-card);border-left:1px solid var(--px-border-light);display:flex;flex-direction:column;overflow:hidden}@media (max-width: 1100px){.calculator__sidebar{border-left:none;border-top:1px solid var(--px-border-light)}}.sidebar__header{padding:1.5rem;border-bottom:1px solid var(--px-border-light)}.sidebar__title{font-family:var(--px-font-display);font-size:1.5rem;text-transform:uppercase;letter-spacing:.1em;color:var(--px-text-primary)}.sidebar__total{padding:2rem 1.5rem;text-align:center;background:linear-gradient(135deg,#c9a9621a,#c9a96205);border-bottom:1px solid var(--px-border-light)}.sidebar__total-label{font-size:.9rem;color:var(--px-text-muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.5rem}.sidebar__total-value{font-family:var(--px-font-display);font-size:4.5rem;font-weight:400;color:var(--px-gold-dark);line-height:1;letter-spacing:.02em}.sidebar__total-unit{font-size:2.2rem;color:var(--px-text-muted);margin-left:.25rem}.sidebar__total-count{margin-top:.75rem;font-size:1.05rem;color:var(--px-success);font-weight:600}.sidebar__breakdown{padding:1rem 1.5rem;border-bottom:1px solid var(--px-border-light)}.sidebar__breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.sidebar__breakdown-label{font-size:1rem;color:var(--px-text-secondary)}.sidebar__breakdown-value{font-family:var(--px-font-mono);font-size:1.05rem;font-weight:600;color:var(--px-text-primary)}.sidebar__items{flex:1;overflow-y:auto;padding:1rem 1.5rem}.sidebar__items-title{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--px-text-muted);margin-bottom:.75rem}.sidebar__item{display:flex;justify-content:space-between;align-items:flex-start;padding:.6rem 0;border-bottom:1px solid var(--px-border-light);gap:1rem}.sidebar__item:last-child{border-bottom:none}.sidebar__item-name{font-size:1rem;color:var(--px-text-primary);flex:1}.sidebar__item-variant{font-size:.9rem;color:var(--px-text-muted);display:block;margin-top:2px}.sidebar__item-price{font-family:var(--px-font-mono);font-size:1rem;font-weight:600;color:var(--px-success);white-space:nowrap}.sidebar__item-remove{background:none;border:none;padding:4px;cursor:pointer;color:var(--px-text-muted);transition:color .2s ease}.sidebar__item-remove:hover{color:var(--px-danger)}.sidebar__item-remove svg{width:16px;height:16px}.sidebar__empty{padding:3rem 1.5rem;text-align:center;color:var(--px-text-muted)}.sidebar__empty-icon{width:64px;height:64px;margin:0 auto 1rem;opacity:.3;stroke:var(--px-gold)}.sidebar__empty p{font-size:1.05rem;line-height:1.6}.sidebar__warnings{padding:1rem 1.5rem;border-top:1px solid var(--px-border-light);background:#b8952f0d}.sidebar__warning{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#b8952f1a;border-left:3px solid var(--px-warning);border-radius:0 var(--px-radius) var(--px-radius) 0;margin-bottom:.5rem}.sidebar__warning:last-child{margin-bottom:0}.sidebar__warning--danger{background:#c4453a1a;border-left-color:var(--px-danger)}.sidebar__warning--info{background:#3a6a8a1a;border-left-color:var(--px-info)}.sidebar__warning-icon{width:20px;height:20px;flex-shrink:0;stroke:var(--px-warning)}.sidebar__warning--danger .sidebar__warning-icon{stroke:var(--px-danger)}.sidebar__warning--info .sidebar__warning-icon{stroke:var(--px-info)}.sidebar__warning-text{font-size:.95rem;color:var(--px-text-secondary);line-height:1.4}.sidebar__cta{padding:1.5rem;border-top:1px solid var(--px-border-light);background:var(--px-bg-card)}.sidebar__cta-btn{width:100%;padding:1.1rem 1.5rem;background:var(--px-gold);border:none;border-radius:var(--px-radius);font-family:var(--px-font-display);font-size:1.4rem;text-transform:uppercase;letter-spacing:.1em;color:var(--px-text-primary);cursor:pointer;transition:all .2s ease}.sidebar__cta-btn:hover{background:var(--px-gold-dark);color:#fff;transform:translateY(-1px)}.sidebar__cta-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.sidebar__disclaimer{margin-top:1rem;font-size:.85rem;color:var(--px-text-muted);text-align:center;line-height:1.5}@media (max-width: 1100px){.calculator{display:flex;flex-direction:column;height:auto;min-height:100vh}.calculator__header{flex-direction:column;align-items:stretch;padding:1rem;gap:1rem}.calculator__brand{justify-content:center}.calculator__vehicle-select{flex-direction:column;gap:.5rem;max-width:none}.calculator__vehicle-select label{display:none}.calculator__vehicle-select select{min-width:100%}.calculator__main{flex:1;min-height:0}.calculator__sidebar{position:fixed;bottom:var(--px-mobile-bottom-offset, 70px);left:0;right:0;max-height:calc(100vh - var(--px-mobile-bottom-offset, 70px) - 100px);border-radius:var(--px-radius-lg) var(--px-radius-lg) 0 0;box-shadow:0 -4px 20px #00000026;transform:translateY(calc(100% - 72px));transition:transform .3s ease;z-index:100;border-left:none;display:flex;flex-direction:column}.calculator__sidebar.expanded{transform:translateY(0)}.sidebar__header{display:none}.sidebar__toggle{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--px-gold);cursor:pointer;font-weight:600;color:var(--px-text-primary);flex-shrink:0;border-radius:var(--px-radius-lg) var(--px-radius-lg) 0 0}.sidebar__toggle-left{display:flex;flex-direction:column;gap:2px}.sidebar__toggle-total{font-family:var(--px-font-display);font-size:1.6rem;letter-spacing:.05em}.sidebar__toggle-count{font-size:.9rem;font-weight:500;opacity:.8}.sidebar__toggle-icon{width:24px;height:24px;transition:transform .3s ease}.calculator__sidebar.expanded .sidebar__toggle-icon{transform:rotate(180deg)}.sidebar__total{padding:1.25rem 1rem}.sidebar__total-value{font-size:3.5rem}.sidebar__total-unit{font-size:1.8rem}.sidebar__items{max-height:30vh}.sidebar__cta{padding:1rem}.calculator__options-wrapper{padding:1rem;padding-bottom:calc(90px + var(--px-mobile-bottom-offset, 70px))}.calculator__options-grid{grid-template-columns:1fr}}@media (min-width: 600px) and (max-width: 1100px){.calculator__options-grid{grid-template-columns:repeat(2,1fr)}.calculator__vehicle-select{flex-direction:row;gap:.75rem}.calculator__vehicle-select select{min-width:0;flex:1}}@media (max-width: 480px){.calculator__title{font-size:1.4rem}.calculator__logo{width:40px;height:40px}.calculator__logo svg{width:22px;height:22px}.option-card{padding:1rem}.option-card__icon{width:36px;height:36px}.option-card__title{font-size:1rem}.sidebar__total-value{font-size:2.5rem}.sidebar__toggle-total{font-size:1.2rem}}@media (min-width: 1101px){.sidebar__toggle{display:none}}@media (max-width: 900px) and (orientation: landscape){.calculator__sidebar{max-height:85vh}.calculator__options-grid{grid-template-columns:repeat(2,1fr)}.calculator__bubbles{padding:.5rem 1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.calculator__options-panel.active{animation:fadeIn .3s ease}.calculator__options-wrapper::-webkit-scrollbar,.sidebar__items::-webkit-scrollbar{width:6px}.calculator__options-wrapper::-webkit-scrollbar-track,.sidebar__items::-webkit-scrollbar-track{background:var(--px-bg-input)}.calculator__options-wrapper::-webkit-scrollbar-thumb,.sidebar__items::-webkit-scrollbar-thumb{background:var(--px-border-light);border-radius:3px}.calculator__options-wrapper::-webkit-scrollbar-thumb:hover,.sidebar__items::-webkit-scrollbar-thumb:hover{background:var(--px-text-muted)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/paxson-umbau-kalkulator-v2.css.map */