.shopify-section.section-chargennummer{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important}.chargennummer{--cn-navy: #1c3660;--cn-body: #48494b;--cn-muted: #9b9b9b;--cn-border: #d5d5d5;--cn-btn: #8d9aaf;--cn-btn-hover: #73849b;--cn-btn-active: #1c3660;--cn-error: #bf0034;--cn-info-bg: #f0f4f6;--cn-image-bg: #e7edf1;--cn-radius-input: .8rem;--cn-radius-btn: .4rem}.chargennummer__hero{background:#fff;padding:4rem 2rem 3.2rem}.chargennummer__hero-inner{max-width:130rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:3.2rem;text-align:center}.chargennummer__intro{display:flex;flex-direction:column;gap:1.6rem;max-width:47rem}.chargennummer__title{margin:0;color:var(--cn-navy);font-size:clamp(2.4rem,4vw,4rem);font-weight:700;line-height:1.4}.chargennummer__subtitle{margin:0;color:var(--cn-body);font-size:1.6rem;line-height:1.5}.chargennummer__form{width:100%;max-width:47rem;display:flex;flex-direction:column;gap:1.6rem;text-align:left}.chargennummer__field{display:flex;flex-direction:column;gap:.4rem}.chargennummer__field-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.chargennummer__label{margin:0;color:var(--cn-body);font-size:1.4rem;line-height:2.4rem}.chargennummer__tooltip{position:relative;flex-shrink:0}.chargennummer__help-btn{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;border:0;background:transparent;cursor:pointer}.chargennummer__help-btn img,.chargennummer__help-btn svg{width:2.4rem;height:2.4rem;display:block}.chargennummer__tooltip-bubble{position:absolute;right:0;bottom:calc(100% + .8rem);z-index:5;width:max-content;max-width:min(46.8rem,calc(100vw - 3.2rem));padding:1rem;border-radius:.8rem;background:var(--cn-navy);color:#fff;font-size:1.4rem;line-height:2.4rem;text-align:center;white-space:nowrap;box-shadow:0 .4rem .7rem #0000001a}.chargennummer__tooltip-bubble[hidden]{display:none}.chargennummer__tooltip-bubble:after{content:"";position:absolute;top:100%;right:.6rem;border-style:solid;border-width:.8rem .85rem 0 .85rem;border-color:var(--cn-navy) transparent transparent transparent}.chargennummer__input-wrap{position:relative}.chargennummer__input{width:100%;height:4.8rem;padding:0 4.4rem 0 1.6rem;border:.1rem solid var(--cn-border);border-radius:var(--cn-radius-input);background:#fff;color:var(--cn-navy);font-size:1.6rem;line-height:2.4rem}.chargennummer__input::placeholder{color:var(--cn-muted)}.chargennummer__input:focus{outline:.2rem solid rgba(28,54,96,.25);outline-offset:.1rem;border-color:var(--cn-navy)}.chargennummer__input-wrap.is-success .chargennummer__input{border-color:var(--cn-navy)}.chargennummer__input-wrap.is-error .chargennummer__input{border-color:var(--cn-error)}.chargennummer__input-icon{position:absolute;top:50%;right:1.6rem;transform:translateY(-50%);display:none;width:2.4rem;height:2.4rem;align-items:center;justify-content:center;pointer-events:none}.chargennummer__input-icon img{display:block;max-width:100%;max-height:100%}.chargennummer__input-wrap.is-success .chargennummer__input-icon--success,.chargennummer__input-wrap.is-error .chargennummer__input-icon--error{display:inline-flex}.chargennummer__status{margin:0;min-height:2.4rem;font-size:1.4rem;line-height:2.4rem}.chargennummer__status[hidden]{display:none}.chargennummer__status.is-success{color:var(--cn-navy)}.chargennummer__status.is-error{color:var(--cn-error);font-size:1.2rem;line-height:1.6rem}.chargennummer__submit{width:100%;height:4.8rem;padding:0 3.2rem;border:0;border-radius:var(--cn-radius-btn);background:var(--cn-btn);color:#fff;font-size:1.6rem;font-weight:700;line-height:2.8rem;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease}.chargennummer__submit.is-active{background:var(--cn-btn-active)}.chargennummer__submit.is-active:hover,.chargennummer__submit.is-active:focus-visible{background:#152a4d}.chargennummer__submit:disabled{cursor:not-allowed}.chargennummer__help-link{border:0;background:transparent;padding:0;color:var(--cn-navy);font-size:1.6rem;line-height:2.4rem;text-decoration:underline;text-underline-offset:.2rem;cursor:pointer}.chargennummer__help-link:hover{opacity:.8}.chargennummer__results{width:100%;max-width:47rem;text-align:left}.chargennummer__results[hidden]{display:none}.chargennummer__results-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.8rem}.chargennummer__results-list a{display:inline-flex;align-items:center;gap:.8rem;color:var(--cn-navy);font-size:1.6rem;line-height:1.5;text-decoration:underline;text-underline-offset:.2rem}.chargennummer__results-list a:hover{opacity:.8}.chargennummer__popup[hidden]{display:none}.chargennummer__popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2.4rem 1.6rem}.chargennummer__popup-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1c366059}.chargennummer__popup-dialog{position:relative;z-index:1;width:min(43.2rem,100%);padding:1.6rem;border-radius:1.6rem;background:#fff;box-shadow:0 .4rem 1.7rem #0000000d;display:flex;flex-direction:column;gap:1.6rem;text-align:left}.chargennummer__popup-close{position:absolute;top:-.9rem;right:-.9rem;width:3.2rem;height:3.2rem;padding:0;border:0;background:transparent;cursor:pointer}.chargennummer__popup-close img{width:3.2rem;height:3.2rem;display:block}.chargennummer__popup-media{position:relative;width:100%;height:21.6rem;border-radius:.8rem;overflow:hidden;background:#e9edf0}.chargennummer__popup-image{width:100%;height:100%;object-fit:cover;display:block}.chargennummer__popup-zoom{position:absolute;left:60%;top:44.53%;width:36.75%;aspect-ratio:1;border:.326rem solid #fff;border-radius:50%;overflow:hidden;pointer-events:none;box-shadow:0 .2rem .8rem #00000026}.chargennummer__popup-zoom-image{position:absolute;left:-399.78%;top:-320%;width:584.42%;height:584.42%;max-width:none;object-fit:cover;display:block}.chargennummer__popup-copy{display:flex;flex-direction:column;gap:1.6rem}.chargennummer__popup-title{margin:0;color:var(--cn-navy);font-size:2.4rem;font-weight:700;line-height:3.2rem}.chargennummer__popup-text{margin:0;color:var(--cn-body);font-size:1.6rem;line-height:2.4rem}html.chargennummer-popup-open{overflow:hidden}@media screen and (min-width:750px){.chargennummer__popup-media{height:26.5rem}.chargennummer__popup-zoom{border-width:.4rem}.chargennummer__popup-close{right:-1.5rem}.chargennummer__status.is-error{font-size:1.4rem;line-height:2.4rem}}.chargennummer__info{background:var(--cn-info-bg);padding:3.2rem 2rem;width:100vw;max-width:none;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);box-sizing:border-box}.chargennummer__info-inner{max-width:130rem;margin:0 auto;display:grid;gap:3.2rem;align-items:center}.chargennummer__visual{background:var(--cn-image-bg);aspect-ratio:650 / 480;overflow:hidden}.chargennummer__visual-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.chargennummer__benefits{display:flex;flex-direction:column;gap:.8rem}.chargennummer__benefits-title{margin:0;color:var(--cn-navy);font-size:clamp(2.4rem,3vw,3.2rem);font-weight:700;line-height:1.5}.chargennummer__benefit-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1.6rem}.chargennummer__benefit{display:flex;gap:1.6rem;align-items:flex-start}.chargennummer__benefit-icon{flex-shrink:0;width:2rem;height:2rem;margin-top:.2rem}.chargennummer__benefit-icon img,.chargennummer__benefit-icon svg{width:2rem;height:2rem;display:block}.chargennummer__benefit-copy{display:flex;flex-direction:column;gap:.8rem}.chargennummer__benefit-title{margin:0;color:var(--cn-navy);font-size:1.6rem;font-weight:700;line-height:2.4rem}.chargennummer__benefit-text{margin:0;color:var(--cn-body);font-size:1.6rem;line-height:2.4rem}@media screen and (min-width:750px){.chargennummer__hero{padding:5.2rem 7rem}.chargennummer__intro{max-width:none;width:100%}.chargennummer__title{font-size:4rem;line-height:5.6rem}.chargennummer__info{padding:3.2rem 7rem}.chargennummer__info-inner{grid-template-columns:minmax(0,65rem) minmax(0,1fr);gap:12rem}}@media screen and (min-width:990px){.chargennummer__title{white-space:nowrap}}@media screen and (max-width:749px){.chargennummer__hero{padding:3.2rem 1.6rem 2.4rem}.chargennummer__title{font-size:2.4rem;line-height:1.35}.chargennummer__tooltip-bubble{white-space:normal;width:25.3rem;max-width:calc(100vw - 3.2rem)}.chargennummer__info-inner{gap:2.4rem}.chargennummer__visual{order:-1}}
/*# sourceMappingURL=/cdn/shop/t/481/assets/chargennummer-lookup.css.map */