#elementor-popup-modal-3078 .dialog-widget-content{animation-duration:0.2s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-3078{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-3078 .dialog-message{width:calc(720 * var(--ck-design-unit));height:auto;}#elementor-popup-modal-3078 .dialog-close-button{display:flex;top:calc(22 * var(--ck-design-unit));}body:not(.rtl) #elementor-popup-modal-3078 .dialog-close-button{right:calc(18 * var(--ck-design-unit));}body.rtl #elementor-popup-modal-3078 .dialog-close-button{left:calc(18 * var(--ck-design-unit));}@media(max-width:1024px){#elementor-popup-modal-3078 .dialog-message{width:calc(100vw - 32px);}#elementor-popup-modal-3078 .dialog-close-button{top:calc(18 * var(--ck-design-unit));}}@media(max-width:767px){#elementor-popup-modal-3078 .dialog-message{width:94vw;}#elementor-popup-modal-3078 .dialog-close-button{top:calc(18 * var(--ck-design-unit));}body:not(.rtl) #elementor-popup-modal-3078 .dialog-close-button{right:calc(18 * var(--ck-design-unit));}body.rtl #elementor-popup-modal-3078 .dialog-close-button{left:calc(18 * var(--ck-design-unit));}}/* Start custom CSS *//* Fixed popup head (user 19.10): title and lead stay, only the form scrolls. The dialog message keeps the viewport
   height limit (desktop: with a gap above and below; mobile: full height); the column container fills it and hands the
   remaining height to the form container. The form container scrolls with the site's thin scrollbar (Kit section
   «thin-scrollbar»: 8 px, #B2B1B9, no arrows) and keeps --ckp-gap between content and bar: it reaches into the column's
   right padding by gap + bar width, so the content keeps its width and alignment. The submit row sticks to the bottom
   of the form container; inactive buttons (aria-disabled until the step is complete) are dimmed. */
#elementor-popup-modal-3078 {
  --ckp-bar: 8px;
  --ckp-gap: max(12px, calc(16 * var(--ck-design-unit)));
}

#elementor-popup-modal-3078 .dialog-message {
  overflow: hidden;
}

@media (min-width: 1025px) {
  #elementor-popup-modal-3078 .dialog-message {
    max-height: calc(100vh - 2 * max(32px, calc(60 * var(--ck-design-unit))));
  }
}

#elementor-popup-modal-3078 .dialog-message > .elementor {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 100%;
  min-height: 0;
}

#elementor-popup-modal-3078 .elementor-element-73c64811 {
  flex: 1 1 auto;
  min-height: 0;
  max-height: 100%;
  overflow: hidden;
}

#elementor-popup-modal-3078 .elementor-element-73c64811 > :not(.elementor-element-58226e66) {
  flex: 0 0 auto;
}

/* Head bar like the GPSR popup (global classes ck-popup-head / ck-popup-title / ck-popup-body): the title sits in a
   separate soft-grey bar across the full width (right padding leaves room for the close button), the rest on white
   with the body padding; 24-unit corners. Desktop 26 / 84 / 26 / 32 units, body 28 / 32 / 32; mobile 22 / 72 / 22 / 20,
   body 24 / 20 / 24. */
#elementor-popup-modal-3078 {
  --ckp-px: calc(32 * var(--ck-design-unit));
  --ckp-head: calc(26 * var(--ck-design-unit)) calc(84 * var(--ck-design-unit)) calc(26 * var(--ck-design-unit)) var(--ckp-px);
  --ckp-body-top: calc(28 * var(--ck-design-unit));
  --ckp-body-bottom: calc(32 * var(--ck-design-unit));
}

#elementor-popup-modal-3078 .dialog-widget-content,
#elementor-popup-modal-3078 .elementor-element-73c64811 {
  border-radius: calc(24 * var(--ck-design-unit));
}

#elementor-popup-modal-3078 .elementor-element-73c64811 {
  padding: 0 var(--ckp-px) var(--ckp-body-bottom);
}

#elementor-popup-modal-3078 .elementor-element-73c64811 > :first-child {
  width: auto;
  max-width: none;
  margin: 0 calc(-1 * var(--ckp-px)) var(--ckp-body-top);
  padding: var(--ckp-head);
  background-color: var(--surface-soft);
  font-size: calc(32 * var(--ck-design-unit));
  line-height: 1.15;
  /* The title's global class ck-text-trim trims the line box; in the bar it must keep its full line height (as
     ck-popup-title), otherwise the bar is 11 px lower than in GPSR and the close button sits below its centre. */
  text-box: normal;
  text-box-trim: none;
}

/* Close button exactly as in GPSR (global class ck-popup-panel): --surface-muted circle, Elementor's SVG cross at
   16 units in #1f2124, no hover change, focus ring 2 px / 3 px. The form popups' own class drew a lighter #EFEFF2
   circle with a CSS cross; that cross is switched off here. */
#elementor-popup-modal-3078 .dialog-close-button,
#elementor-popup-modal-3078 .dialog-close-button:is(:hover, :focus-visible) {
  background: var(--surface-muted);
  color: var(--text-dark);
  font-size: calc(16 * var(--ck-design-unit));
}

#elementor-popup-modal-3078 .dialog-close-button::before,
#elementor-popup-modal-3078 .dialog-close-button::after {
  content: none;
}

#elementor-popup-modal-3078 .dialog-close-button > svg {
  display: block;
  width: 1em;
  height: 1em;
  fill: #1f2124;
}

#elementor-popup-modal-3078 .dialog-close-button:focus-visible {
  outline: 2px solid var(--text-dark);
  outline-offset: 3px;
}

/* The lead's own top margin would add to the body padding. */
#elementor-popup-modal-3078 .elementor-element-73c64811 > :first-child + * {
  margin-top: 0;
}

@media (max-width: 767px) {
  #elementor-popup-modal-3078 {
    --ckp-px: calc(20 * var(--ck-design-unit));
    --ckp-head: calc(22 * var(--ck-design-unit)) calc(72 * var(--ck-design-unit)) calc(22 * var(--ck-design-unit)) var(--ckp-px);
    --ckp-body-top: calc(24 * var(--ck-design-unit));
    --ckp-body-bottom: calc(24 * var(--ck-design-unit));
  }

  #elementor-popup-modal-3078 .elementor-element-73c64811 > :first-child {
    font-size: calc(27 * var(--ck-design-unit));
  }
}

#elementor-popup-modal-3078 .elementor-element-58226e66 {
  flex: 1 1 auto;
  min-height: 0;
  width: calc(100% + var(--ckp-gap) + var(--ckp-bar));
  max-width: none;
  margin-inline-end: calc(-1 * (var(--ckp-gap) + var(--ckp-bar)));
  padding-inline-end: var(--ckp-gap);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

#elementor-popup-modal-3078 .elementor-element-58226e66::-webkit-scrollbar {
  width: var(--ckp-bar);
}

#elementor-popup-modal-3078 .elementor-element-58226e66::-webkit-scrollbar-track {
  background: transparent;
}

#elementor-popup-modal-3078 .elementor-element-58226e66::-webkit-scrollbar-thumb {
  border: 1px solid transparent;
  border-radius: 8px;
  background: #B2B1B9 padding-box;
}

#elementor-popup-modal-3078 .elementor-element-58226e66::-webkit-scrollbar-button {
  display: none;
}

@supports (-moz-appearance: none) {
  #elementor-popup-modal-3078 .elementor-element-58226e66 {
    scrollbar-width: thin;
    scrollbar-color: #B2B1B9 transparent;
  }
}

/* Sticky submit row: covers the gap up to the scrollbar so no content shows beside it. */
#elementor-popup-modal-3078 .elementor-element-58226e66 .form-row-submit:not([hidden]) {
  position: sticky;
  bottom: 0;
  z-index: 2;
  margin-inline-end: calc(-1 * var(--ckp-gap));
  padding-block: max(12px, calc(16 * var(--ck-design-unit))) 0;
  padding-inline-end: var(--ckp-gap);
  background: var(--text-light, #fff);
}

#elementor-popup-modal-3078 form button[aria-disabled="true"] {
  opacity: 0.45;
  cursor: not-allowed;
}

/* Free / digital items: shown, not selectable, with the reason (Reklamation; Umtausch has its own rule). */
#elementor-popup-modal-3078 .ck-reklamation-form .ck-rekl-item.is-disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

#elementor-popup-modal-3078 .ck-reklamation-form .ck-rekl-blocked {
  color: var(--error-red);
}

/* Mobile: same frame as the GPSR / Glove Finder popups (global class ck-popup-panel): 94vw wide (popup setting),
   height up to min(84vh, 840 units), close button 18 units from the corner (popup setting). */
@media (max-width: 767px) {
  #elementor-popup-modal-3078 {
    --ckp-gap: 6px;
  }

  #elementor-popup-modal-3078 .dialog-message {
    max-height: min(84vh, calc(840 * var(--ck-design-unit)));
  }

  /* Umtausch start step: the long choice label stays on one line inside the button (84 % of the button text size). */
  #elementor-popup-modal-3078 form.ck-umtausch-form .ck-umt-choices .ck-umt-choice.ck-brand-button {
    font-size: 4.2vw;
  }
}/* End custom CSS */