/* "15 % Rabatt" pop-up – measured on myrandm.de (Shopify Forms). */
.sss-dp-teaser{position:fixed;left:25px;bottom:25px;z-index:99991;display:flex;align-items:center;background:#fff;border-radius:10px;box-shadow:0 0 1px rgba(0,0,0,.2),0 4px 12px rgba(0,0,0,.15);font-family:Helvetica,Arial,sans-serif}
.sss-dp-teaser[hidden]{display:none}
.sss-dp-teaser__open{margin:0;padding:20px 8px 20px 20px;border:0;background:none;color:#000;cursor:pointer;box-shadow:none;min-height:0;font:inherit}
.sss-dp-teaser__open:hover,.sss-dp-teaser__open:focus{background:none;color:#000}
.sss-dp-teaser__text{display:block;font-size:17.6px;line-height:26px;font-weight:700;letter-spacing:0;white-space:nowrap}
.sss-dp-teaser__x{margin:0;padding:20px 20px 20px 5px;border:0;background:none;color:#000;cursor:pointer;line-height:0;box-shadow:none;min-height:0}
.sss-dp-teaser__x:hover,.sss-dp-teaser__x:focus{background:none;color:#000}
.sss-dp{position:fixed;inset:0;z-index:100001;display:flex;align-items:center;justify-content:center;padding:16px}
.sss-dp[hidden]{display:none}
.sss-dp__overlay{position:absolute;inset:0}
.sss-dp__box{position:relative;width:397px;max-width:100%;max-height:100%;overflow:auto;padding:35px 30px;background:#fff;border-radius:10px;box-shadow:0 0 1px rgba(0,0,0,.2),0 8px 24px rgba(0,0,0,.2);font-family:Helvetica,Arial,sans-serif;color:#000;text-align:center;box-sizing:border-box}
.sss-dp__box *{box-sizing:border-box;letter-spacing:normal}
.sss-dp__x{position:absolute;top:30px;right:30px;width:12px;height:12px;margin:0;padding:0;border:0;background:none;color:#000;cursor:pointer;line-height:0;box-shadow:none;min-height:0}
.sss-dp__x::before{content:"";position:absolute;inset:-12px}
.sss-dp__x:hover,.sss-dp__x:focus{background:none;color:#000}
.sss-dp__title{margin:10px 15px 25px;font-size:22px;line-height:26px;font-weight:700;color:#000}
.sss-dp__title--small{margin:5px 15px 5px;font-size:17.6px}
.sss-dp__form{margin:0;padding:0 2px}
.sss-dp__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.sss-dp__field{position:relative;margin:12px 0 12px}
.sss-dp .sss-dp__field input{display:block;width:100%;height:46px;margin:0;padding:22.5px 15px 7.5px;border:0;border-radius:5px;background:#fff;box-shadow:0 0 0 1px rgba(32,32,32,.2);color:#202020;font-family:inherit;font-size:14px;line-height:16px;outline:0}
.sss-dp .sss-dp__field input:focus{box-shadow:0 0 0 2px #202223}
.sss-dp__field label{position:absolute;left:15px;top:16px;margin:0;font-size:14px;line-height:14px;color:rgba(32,32,32,.5);pointer-events:none;transition:transform .15s,font-size .15s,top .15s}
.sss-dp__field input:focus+label,.sss-dp__field input:not(:placeholder-shown)+label{top:8px;font-size:11px}
.sss-dp__error{margin:-4px 0 10px;font-size:13px;line-height:18px;color:#af161d;text-align:left}
.sss-dp__error[hidden]{display:none}
.sss-dp__btn{display:block;width:100%;height:45px;margin:0;padding:15px;border:0;border-radius:5px;background:#202223;color:#fff;font-family:inherit;font-size:14px;line-height:15.4px;font-weight:400;text-transform:none;cursor:pointer;box-shadow:none}
.sss-dp__btn:hover,.sss-dp__btn:focus{background:#202223;color:#fff;opacity:.9}
.sss-dp__btn[disabled]{opacity:.6;cursor:wait}
.sss-dp__legal{margin:12px 0 0;padding:0 15px;font-size:10px;line-height:14px;color:#000}
.sss-dp__code{display:inline-flex;align-items:center;gap:10px;margin:0 auto;padding:8px 16px;border:0;background:#fff;color:#1878b9;font-family:inherit;font-size:22px;line-height:26px;font-weight:600;cursor:pointer;box-shadow:none;min-height:0}
.sss-dp__code:hover,.sss-dp__code:focus{background:#fff;color:#1878b9}
.sss-dp__done-text{margin:8px 0 0;font-size:14px;line-height:20px;color:#000}
body.sss-dp-open{overflow:hidden}
@media (max-width:480px){.sss-dp-teaser{left:15px;bottom:15px}}
.sss-dp__box.is-done{width:373px}
/* Kadence form inside the pop-up – same look as the Shopify form. */
.sss-dp__kadence{padding:0 2px;text-align:left}
.sss-dp__kadence .kb-advanced-form,.sss-dp__kadence form{margin:0}
.sss-dp__kadence .kb-advanced-form-field,.sss-dp__kadence .kb-adv-form-field{margin:0 0 12px!important;padding:0!important;width:100%!important;max-width:100%!important;flex:0 0 100%!important}
.sss-dp .sss-dp__kadence input[type=email]{display:block;width:100%;height:46px;margin:0;padding:15px!important;border:0!important;border-radius:5px!important;background:#fff!important;box-shadow:0 0 0 1px rgba(32,32,32,.2)!important;color:#202020;font-family:Helvetica,Arial,sans-serif;font-size:14px!important;line-height:16px;outline:0}
.sss-dp .sss-dp__kadence input[type=email]::placeholder{color:rgba(32,32,32,.5);opacity:1}
.sss-dp .sss-dp__kadence input[type=email]:focus{box-shadow:0 0 0 2px #202223!important}
.sss-dp .sss-dp__kadence button[type=submit],.sss-dp .sss-dp__kadence .kb-forms-submit{display:block;width:100%!important;height:45px;margin:0!important;padding:15px!important;border:0!important;border-radius:5px!important;background:#202223!important;color:#fff!important;font-family:Helvetica,Arial,sans-serif!important;font-size:14px!important;line-height:15.4px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important}
.sss-dp__kadence .kb-advanced-form-submit-wrap,.sss-dp__kadence .kb-submit-field{margin:0!important;padding:0!important;width:100%!important;flex:0 0 100%!important}
.sss-dp__kadence .kb-adv-form-message,.sss-dp__kadence .kb-form-error-msg{margin:6px 0 0;font-size:13px;line-height:18px;text-align:left}
.sss-dp__kadence .kb-advanced-form{gap:0!important;row-gap:0!important}
