.kalender-auswahl{--ka-accent: var(--PRIMARY-BUTTONS-COLOR-BG, #12504C);--ka-accent-text: var(--PRIMARY-BUTTONS-COLOR-TEXT, #ffffff);--ka-text: var(--COLOR-TEXT, #14110F);--ka-muted: #7A736B;--ka-tertiary: #9A938B;--ka-border: #E4DED6;--ka-tint: #F3F8F6;--ka-error: #961C30;--ka-radius-row: var(--RADIUS-TINY, 12px);--ka-radius-btn: var(--RADIUS, 24px);--ka-font: var(--FONT-STACK-BODY, "Work Sans", "Helvetica Neue", Arial, sans-serif);--ka-font-heading: var(--FONT-STACK-HEADING, "Rubik", sans-serif);--ka-transition: .12s ease;font-family:var(--ka-font);color:var(--ka-text);padding:40px 0}.kalender-auswahl__wrap{max-width:1080px;margin:0 auto;padding:0 24px}.kalender-auswahl__heading{font-family:var(--ka-font-heading);font-weight:var(--FONT-WEIGHT-HEADING-BOLD, 600);text-transform:var(--HEADING-TEXT-CAPS, none);letter-spacing:var(--LETTER-SPACING-HEADING, 0);font-size:20px;line-height:1.2;margin:0 0 6px}.kalender-auswahl__subline{margin:0 0 16px;font-size:14px;color:var(--ka-muted)}.kalender-auswahl__heading+.kalender-auswahl__list{margin-top:16px}.kalender-auswahl__list{display:grid;gap:10px;list-style:none;margin:0;padding:0}.kalender-auswahl__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;min-height:80px;padding:12px 14px;background:#fff;border:2px solid var(--ka-border);border-radius:var(--ka-radius-row);transition:border-color var(--ka-transition),background-color var(--ka-transition)}.kalender-auswahl__row:not(.kalender-auswahl__row--active):hover{border-color:color-mix(in srgb,var(--ka-accent) 40%,transparent);background:color-mix(in srgb,var(--ka-accent) 3%,#fff)}.kalender-auswahl__row--active{border-color:var(--ka-accent);background:var(--ka-tint);box-shadow:0 1px 3px #14110f0f}.kalender-auswahl__link{display:grid;grid-template-columns:18px 52px minmax(0,1fr) auto;align-items:center;column-gap:14px;min-width:0;min-height:52px;padding:2px 4px;margin:-2px -4px;border-radius:8px;color:inherit;text-decoration:none}.kalender-auswahl__link:after{display:none!important}.kalender-auswahl__link--static{cursor:default}.kalender-auswahl__link:focus-visible,.kalender-auswahl__btn:focus-visible{outline:2px solid var(--ka-accent);outline-offset:2px}.kalender-auswahl__mark{width:18px;height:18px;border-radius:50%;border:2px solid var(--ka-border);display:flex;align-items:center;justify-content:center;color:var(--ka-accent-text);flex:none}.kalender-auswahl__row--active .kalender-auswahl__mark{background:var(--ka-accent);border-color:var(--ka-accent)}.kalender-auswahl__media{width:52px;height:52px;flex:none}.kalender-auswahl__img{width:52px;height:52px;aspect-ratio:1 / 1;object-fit:contain;display:block;border-radius:8px;background:#fff}.kalender-auswahl__img--ph{background:#f1eee9}.kalender-auswahl__text{display:flex;flex-direction:column;gap:2px;min-width:0}.kalender-auswahl__name{font-size:14.5px;font-weight:600;line-height:1.3;color:var(--ka-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kalender-auswahl__usp{font-size:12px;font-weight:400;line-height:1.35;color:var(--ka-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kalender-auswahl__price{display:flex;flex-direction:column;align-items:flex-end;text-align:right;font-size:14.5px;font-weight:600;line-height:1.25;font-variant-numeric:tabular-nums;white-space:nowrap}.kalender-auswahl__price s{order:-1;color:var(--ka-muted);font-weight:400;font-size:12px}.kalender-auswahl__price-new{color:var(--ka-accent)}.kalender-auswahl__unit-price{font-size:11.5px;font-weight:400;color:var(--ka-tertiary);margin-top:2px}.kalender-auswahl--no-unit .kalender-auswahl__unit-price{display:none}.kalender-auswahl__action{display:flex;justify-content:flex-end}.kalender-auswahl__form{margin:0}.kalender-auswahl__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;min-height:44px;min-width:176px;padding:0 22px;margin:0;border-radius:var(--ka-radius-btn);white-space:nowrap;line-height:1;font-size:13px;cursor:pointer;transition:background-color var(--ka-transition),border-color var(--ka-transition)}.kalender-auswahl__btn[disabled]{cursor:not-allowed;opacity:.55}.kalender-auswahl__btn[data-state=loading]{cursor:progress}.kalender-auswahl__btn[data-state=loading] .kalender-auswahl__btn-label{opacity:0}.kalender-auswahl__btn-spinner{display:none;position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid rgba(255,255,255,.35);border-top-color:currentColor;border-radius:50%}.kalender-auswahl__btn[data-state=loading] .kalender-auswahl__btn-spinner{display:block;animation:ka-spin .8s linear infinite}@keyframes ka-spin{to{transform:rotate(360deg)}}.kalender-auswahl__btn-check{display:none;line-height:0}.kalender-auswahl__btn[data-state=success] .kalender-auswahl__btn-check{display:inline-flex}.kalender-auswahl__badge{display:inline-flex;align-items:center;justify-content:center;height:44px;min-width:176px;padding:0 18px;border-radius:var(--ka-radius-btn);background:var(--ka-accent);color:var(--ka-accent-text);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.kalender-auswahl__error{grid-column:1 / -1;margin:8px 0 0;font-size:12.5px;line-height:1.4;color:var(--ka-error)}.kalender-auswahl__editor-hint{margin:0;padding:12px 14px;border:2px dashed var(--ka-border);border-radius:var(--ka-radius-row);font-size:13px;color:var(--ka-muted)}@media(min-width:768px)and (max-width:1023px){.kalender-auswahl__unit-price{display:none}.kalender-auswahl__btn,.kalender-auswahl__badge{min-width:148px}}@media(max-width:767px){.kalender-auswahl__wrap{padding:0 16px}.kalender-auswahl__row{grid-template-columns:1fr;row-gap:12px;padding:14px;min-height:0}.kalender-auswahl__link{grid-template-columns:18px 56px minmax(0,1fr);row-gap:4px}.kalender-auswahl__media,.kalender-auswahl__img{width:56px;height:56px}.kalender-auswahl__price{grid-column:3;justify-self:start;text-align:left;flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:8px}.kalender-auswahl__price s{order:0}.kalender-auswahl__unit-price{margin-top:0}.kalender-auswahl__unit-price:before{content:"\b7  ";color:var(--ka-tertiary)}.kalender-auswahl__action,.kalender-auswahl__form{width:100%}.kalender-auswahl__btn,.kalender-auswahl__badge{width:100%;min-width:0;height:48px;min-height:48px}}@media(prefers-reduced-motion:reduce){.kalender-auswahl__row,.kalender-auswahl__btn{transition:none}.kalender-auswahl__btn[data-state=loading] .kalender-auswahl__btn-spinner{animation:none;border-top-color:#ffffff59}}.kalender-auswahl--compact{padding:0}.kalender-auswahl--compact .kalender-auswahl__compact-label{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ka-muted)}.kalender-auswahl--compact .kalender-auswahl__list{gap:8px}.kalender-auswahl--compact .kalender-auswahl__row{grid-template-columns:1fr;row-gap:0;min-height:56px;padding:8px 12px;border-radius:var(--ka-radius-row)}.kalender-auswahl--compact .kalender-auswahl__link{grid-template-columns:16px 40px minmax(0,1fr) auto;column-gap:12px;min-height:40px;margin:0;padding:0}.kalender-auswahl--compact .kalender-auswahl__mark{width:16px;height:16px}.kalender-auswahl--compact .kalender-auswahl__media,.kalender-auswahl--compact .kalender-auswahl__img{width:40px;height:40px;border-radius:6px}.kalender-auswahl--compact .kalender-auswahl__name{font-size:14px;-webkit-line-clamp:1}.kalender-auswahl--compact .kalender-auswahl__usp{font-size:12px}.kalender-auswahl--compact .kalender-auswahl__price{grid-column:4;justify-self:end;text-align:right;flex-direction:column;align-items:flex-end;font-size:14px}.kalender-auswahl--compact .kalender-auswahl__price s{order:-1}.kalender-auswahl--compact .kalender-auswahl__unit-price:before{content:none}.kalender-auswahl--compact .kalender-auswahl__row--active{box-shadow:none}.kalender-auswahl--compact.kalender-auswahl--with-buttons .kalender-auswahl__row{grid-template-columns:minmax(0,1fr) auto;column-gap:12px;min-height:64px}.kalender-auswahl--compact.kalender-auswahl--with-buttons .kalender-auswahl__name{-webkit-line-clamp:2}.kalender-auswahl--compact .kalender-auswahl__btn{height:44px;min-height:44px;min-width:0;padding:0 16px;font-size:12px}@media(min-width:768px){.kalender-auswahl--compact.kalender-auswahl--with-buttons .kalender-auswahl__list{container-type:inline-size}@container (max-width: 600px){.kalender-auswahl--compact.kalender-auswahl--with-buttons .kalender-auswahl__row{grid-template-columns:minmax(0,1fr);row-gap:8px}.kalender-auswahl--compact.kalender-auswahl--with-buttons .kalender-auswahl__action,.kalender-auswahl--compact.kalender-auswahl--with-buttons .kalender-auswahl__form{justify-self:end}.kalender-auswahl--compact.kalender-auswahl--with-buttons .kalender-auswahl__name{-webkit-line-clamp:1}}}@media(max-width:767px){.kalender-auswahl--compact.kalender-auswahl--with-buttons .kalender-auswahl__row{grid-template-columns:1fr;row-gap:10px}.kalender-auswahl--compact.kalender-auswahl--with-buttons .kalender-auswahl__action,.kalender-auswahl--compact.kalender-auswahl--with-buttons .kalender-auswahl__form{width:100%}.kalender-auswahl--compact .kalender-auswahl__btn{width:100%;height:48px;min-height:48px}}.kalender-auswahl--compact.kalender-auswahl--icon-btn .kalender-auswahl__row{grid-template-columns:minmax(0,1fr) auto;row-gap:0;column-gap:10px;min-height:60px;padding:6px 12px}.kalender-auswahl--compact.kalender-auswahl--icon-btn .kalender-auswahl__usp{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kalender-auswahl--compact.kalender-auswahl--icon-btn .kalender-auswahl__action,.kalender-auswahl--compact.kalender-auswahl--icon-btn .kalender-auswahl__form{width:auto;justify-self:auto}.kalender-auswahl--compact.kalender-auswahl--icon-btn .kalender-auswahl__name{-webkit-line-clamp:1}@media(max-width:767px){.kalender-auswahl--compact.kalender-auswahl--icon-btn .kalender-auswahl__name{-webkit-line-clamp:2}}.kalender-auswahl--compact .kalender-auswahl__btn--icon{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;gap:0}.kalender-auswahl__btn--icon .kalender-auswahl__btn-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.kalender-auswahl__btn-cart{display:inline-flex;line-height:0}.kalender-auswahl__btn-cart svg{width:20px;height:20px}.kalender-auswahl__btn--icon[data-state=loading] .kalender-auswahl__btn-cart,.kalender-auswahl__btn--icon[data-state=success] .kalender-auswahl__btn-cart{display:none}.kalender-auswahl__btn--icon .kalender-auswahl__btn-check svg{width:20px;height:20px}.kalender-auswahl--teaser .kalender-auswahl__row{--ka-row-c: #7d2230;position:relative;overflow:hidden;border-color:transparent;color:#fff;background:var(--ka-row-c);background:linear-gradient(100deg,var(--ka-row-c) 0%,color-mix(in oklch,var(--ka-row-c),#fff 16%) 100%);background-color:var(--ka-row-c)}.kalender-auswahl--teaser .kalender-auswahl__row:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.07) 24%,transparent 46%)}.kalender-auswahl--teaser .kalender-auswahl__row:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.9) 1px,transparent 1.6px),radial-gradient(circle,rgba(255,255,255,.5) .7px,transparent 1.3px);background-size:90px 90px,60px 60px;background-position:0 0,22px 31px}.kalender-auswahl--teaser .kalender-auswahl__row>*{position:relative;z-index:1}.kalender-auswahl--teaser .kalender-auswahl__row:hover{border-color:transparent}.kalender-auswahl--teaser .kalender-auswahl__row--active{background-color:var(--ka-row-c);box-shadow:inset 0 0 0 2px #ffffffe6}.kalender-auswahl--teaser .kalender-auswahl__link,.kalender-auswahl--teaser .kalender-auswahl__link:hover{color:#fff}.kalender-auswahl--teaser .kalender-auswahl__link:focus-visible{outline:2px solid #fff;outline-offset:-4px}.kalender-auswahl--teaser .kalender-auswahl__name,.kalender-auswahl--teaser .kalender-auswahl__price,.kalender-auswahl--teaser .kalender-auswahl__price-new{color:#fff}.kalender-auswahl--teaser .kalender-auswahl__usp,.kalender-auswahl--teaser .kalender-auswahl__unit-price,.kalender-auswahl--teaser .kalender-auswahl__price s{color:#ffffffd1}.kalender-auswahl--teaser .kalender-auswahl__mark{border-color:#ffffffe6;background:transparent;color:var(--ka-row-c)}.kalender-auswahl--teaser .kalender-auswahl__row--active .kalender-auswahl__mark{background:#fff;border-color:#fff;color:var(--ka-row-c)}.kalender-auswahl--teaser .kalender-auswahl__media{background:#fff;border-radius:6px}.kalender-auswahl--teaser .kalender-auswahl__error{color:#fff}.kalender-auswahl--teaser .kalender-auswahl__row .kalender-auswahl__btn,.kalender-auswahl--teaser .kalender-auswahl__row .kalender-auswahl__btn:focus-visible{background:#fff;border-color:#fff;color:var(--ka-row-c)}.kalender-auswahl--teaser .kalender-auswahl__row .kalender-auswahl__btn:hover{background:#ffffffe0;border-color:transparent;color:var(--ka-row-c)}.kalender-auswahl--teaser .kalender-auswahl__row .kalender-auswahl__btn:focus-visible{outline-color:#fff}.kalender-auswahl--teaser .kalender-auswahl__btn-spinner{border-color:color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentColor}@media(max-width:767px){.kalender-auswahl--compact .kalender-auswahl__name,.kalender-auswahl--compact .kalender-auswahl__price{font-size:var(--ka-mobile-fs, 14px)}.kalender-auswahl--compact .kalender-auswahl__usp{font-size:calc(var(--ka-mobile-fs, 14px) - 2px)}.kalender-auswahl--compact.kalender-auswahl--icon-btn .kalender-auswahl__row{column-gap:8px;padding:6px 10px}.kalender-auswahl--compact.kalender-auswahl--icon-btn .kalender-auswahl__link{grid-template-columns:16px 32px minmax(0,1fr) auto;column-gap:8px}.kalender-auswahl--compact.kalender-auswahl--icon-btn .kalender-auswahl__media,.kalender-auswahl--compact.kalender-auswahl--icon-btn .kalender-auswahl__img{width:32px;height:32px}.kalender-auswahl--compact .kalender-auswahl__row .kalender-auswahl__usp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;text-overflow:clip;line-height:1.3;margin-top:1px}}
/*# sourceMappingURL=/cdn/shop/t/145/assets/ak-kalender-auswahl.css.map */