html.kl-popup-sperre{overflow:hidden}.kl-popup__fenster{width:calc(100vw - 2rem);max-width:var(--kl-popup-breite, 40rem);max-height:calc(100dvh - 2rem);z-index:1000}.kl-popup__innen{display:grid}.kl-popup__bild{position:relative;min-height:12rem}.kl-popup__bild img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}@media screen and (min-width:750px){.kl-popup--bild-links .kl-popup__innen{grid-template-columns:42% 1fr}.kl-popup--bild-rechts .kl-popup__innen{grid-template-columns:1fr 42%}.kl-popup--bild-rechts .kl-popup__bild{order:2}.kl-popup--bild-oben .kl-popup__bild{min-height:14rem}}.kl-popup__inhalt{display:flex;flex-direction:column;gap:.875rem;padding:2.5rem 2rem 2rem}.kl-popup--mitte .kl-popup__inhalt{text-align:center;align-items:center}.kl-popup--links .kl-popup__inhalt{text-align:left;align-items:stretch}.kl-popup__inhalt>*{margin:0;max-width:100%}.kl-popup__schliessen{position:absolute;top:.25rem;right:.25rem;z-index:2}.kl-popup__knopf:focus-visible,.kl-popup__kopieren:focus-visible,.kl-popup__feld:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.kl-popup__ueberschrift{font-family:var(--font-heading-family);font-weight:700;line-height:1.2;font-size:1.75rem;padding-inline:2.5rem}.kl-popup--links .kl-popup__ueberschrift{padding-inline:0 2.5rem}.kl-popup__ueberschrift--klein{font-size:1.3rem}.kl-popup__ueberschrift--gross{font-size:2.25rem}.kl-popup__text{color:rgb(var(--kl-nebentext));line-height:1.55}.kl-popup__text p{margin:0}.kl-popup__text p+p{margin-top:.5em}.kl-popup__knopf{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:0 1.5rem;border-radius:var(--kl-knopf-rundung);font-family:var(--font-heading-family);font-weight:700;font-size:1rem;text-decoration:none;cursor:pointer;transition:background .2s,color .2s}.kl-popup__knopf--haupt{border:0;background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.kl-popup__knopf--haupt:hover{background:rgb(var(--kl-button-hover))}.kl-popup__knopf--zweit{border:1.5px solid rgb(var(--kl-rahmen));background:transparent;color:rgb(var(--color-foreground))}.kl-popup__knopf--zweit:hover{background:rgba(var(--kl-link-hover),.35)}.kl-popup__newsletter,.kl-popup__formular{width:100%}.kl-popup__formular{display:flex;flex-direction:column;gap:.625rem}.kl-popup__feldreihe{display:flex;gap:.5rem}.kl-popup__feldreihe .kl-popup__feld{flex:1;min-width:0}.kl-popup__feldreihe .kl-popup__knopf{flex:none;padding:0 1.25rem}.kl-popup__vorteile{display:flex;flex-direction:column;gap:.5rem;align-self:center;margin:0;padding:0;list-style:none;text-align:left}.kl-popup--links .kl-popup__vorteile{align-self:flex-start}.kl-popup__vorteile li{display:flex;align-items:flex-start;gap:.5rem;font:500 .95rem/1.4 var(--font-heading-family),sans-serif}.kl-popup__vorteile .kl-sym{flex:none;width:20px;height:20px;margin-top:1px;fill:rgb(var(--color-success))}.kl-popup__feld{width:100%;min-height:3rem;padding:0 1rem;border:1.5px solid rgb(var(--kl-rahmen));border-radius:10px;background:#fff;color:rgb(var(--color-foreground));font:inherit}.kl-popup__feld::placeholder{color:rgb(var(--kl-nebentext));opacity:.8}.kl-popup__kleingedrucktes{font-size:.8125rem;line-height:1.5;color:rgb(var(--kl-nebentext))}.kl-popup__kleingedrucktes p{margin:0}.kl-popup__fehler{margin:0;padding:.5rem .75rem;border-radius:8px;font-size:.9rem;color:rgb(var(--color-error));background:color-mix(in srgb,rgb(var(--color-error)) 9%,white)}.kl-popup__erfolg{display:flex;flex-direction:column;gap:.875rem;align-items:inherit}.kl-popup__erfolg[hidden],.kl-popup__eingabe[hidden],.kl-popup__fehler[hidden]{display:none}.kl-popup__fehler.is-hinweis{color:rgb(var(--color-foreground));background:rgb(var(--kl-kasten-hervorgehoben))}.kl-nl-raetsel{margin:0 0 12px;font-size:14px}.kl-nl-raetsel__text{margin:0 0 8px}.kl-nl-raetsel__feld{min-height:78px}.kl-popup__eingabe{display:flex;flex-direction:column;gap:.625rem}.kl-popup__adresse{margin:0;overflow-wrap:anywhere}.kl-popup__zurueck{align-self:center}.kl-popup--links .kl-popup__zurueck{align-self:flex-start}.kl-popup--angemeldet .kl-popup__inhalt>:not(.kl-popup__newsletter),.kl-popup__inhalt:has([data-kl-popup-erfolg]:not([hidden]))>:not(.kl-popup__newsletter){display:none}.kl-popup__code{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.625rem .625rem .625rem 1.125rem;border:2px dashed rgb(var(--kl-rahmen));border-radius:12px;background:rgb(var(--kl-kasten-hervorgehoben))}.kl-popup__code-wert{font-family:var(--font-heading-family);font-weight:700;font-size:1.375rem;letter-spacing:.06em;word-break:break-all}.kl-popup__kopieren{flex:0 0 auto;min-height:2.5rem;padding:0 1rem;border:0;border-radius:8px;background:rgb(var(--kl-link-hover));color:rgb(var(--color-foreground));font:inherit;font-weight:700;font-size:.875rem;cursor:pointer}.kl-popup__danach[hidden]{display:none!important}html.kl-popup-mit-leiste body{padding-bottom:var(--kl-popup-leiste, 0px)}html.kl-popup-mit-leiste .kl-popup__danach--knopf{bottom:calc(var(--kl-popup-leiste, 0px) + .75rem)}.kl-popup__danach--leiste{position:fixed;inset:auto 0 0 0;z-index:90;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 3.25rem calc(.75rem + env(safe-area-inset-bottom)) 1rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-top:1px solid rgb(var(--kl-linie));box-shadow:0 -4px 16px rgba(var(--color-shadow),.12);font-size:.9375rem;line-height:1.45;text-align:center;animation:kl-popup-hoch .3s cubic-bezier(.2,.8,.3,1)}.kl-popup__danach--leiste .kl-popup__danach-weg{position:absolute;right:.25rem;top:50%;transform:translateY(-50%)}.kl-popup__danach--knopf{position:fixed;left:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:91;display:flex;align-items:stretch;border:1px solid rgb(var(--kl-linie));border-radius:var(--kl-knopf-rundung);background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 6px 18px rgba(var(--color-shadow),.18);overflow:hidden;animation:kl-popup-ein .3s cubic-bezier(.2,.8,.3,1);transition:transform .2s,box-shadow .2s}.kl-popup__danach--knopf:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(var(--color-shadow),.22)}.kl-popup__danach--knopf.kl-popup__danach--rechts{left:auto;right:1rem}.kl-popup__danach-oeffnen{display:inline-flex;align-items:center;gap:.5rem;min-height:3rem;padding:0 .25rem 0 .875rem;border:0;background:transparent;color:inherit;font-family:var(--font-heading-family);font-weight:700;font-size:.9375rem;cursor:pointer}.kl-popup__danach-oeffnen:hover{background:rgba(var(--kl-link-hover),.35)}.kl-popup__danach-oeffnen:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:-3px}@keyframes kl-popup-hoch{0%{transform:translateY(100%)}to{transform:none}}@keyframes kl-popup-ein{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@media screen and (max-width:749px){.kl-popup__danach--leiste{font-size:.875rem;padding-left:.875rem}.kl-popup__danach--knopf{left:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom))}.kl-popup__danach--knopf.kl-popup__danach--rechts{left:auto;right:.75rem}.kl-popup--bild-nur-computer .kl-popup__bild{display:none}.kl-popup__bild{min-height:9rem}.kl-popup__inhalt{padding:2.25rem 1.25rem 1.5rem;gap:.75rem}.kl-popup__ueberschrift{font-size:1.45rem}.kl-popup__ueberschrift--klein{font-size:1.2rem}.kl-popup__ueberschrift--gross{font-size:1.75rem}.kl-popup__fenster.kl-popup--leiste{max-height:80dvh}}.kl-popup__fenster:focus,.kl-popup__fenster:focus-visible{outline:none!important;box-shadow:none!important}.kl-popup__danach--oben{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;min-height:38px;padding:0 3rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-bottom:1px solid rgb(var(--kl-linie))}.kl-popup__danach-oben{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0;border:0;background:none;color:inherit;font:600 13px/1.2 var(--font-heading-family),sans-serif;letter-spacing:normal;cursor:pointer;-webkit-tap-highlight-color:transparent}.kl-popup__danach-oben .kl-sym{width:16px;height:16px;flex:none;fill:currentColor}@media(hover:hover){.kl-popup__danach-oben:hover span{text-decoration:underline;text-underline-offset:3px}}.kl-popup__danach--oben .kl-popup__danach-weg{position:absolute;top:50%;right:.25rem;transform:translateY(-50%);width:2.5rem;height:2.5rem}
/*# sourceMappingURL=/cdn/shop/t/96/assets/kl-popup.css.map */
