tp-benutzer-login .element-headline-small{color:#292929;font-family:Circular,Segoe UI,Candara,Bitstream Vera Sans,DejaVu Sans,Trebuchet MS,Verdana,Verdana Ref,"sans-serif";font-weight:700;font-size:1.25rem;line-height:1.6875rem;text-decoration:none}@media screen and (min-width:768px){tp-benutzer-login .element-headline-small{font-size:1.25rem;line-height:1.6875rem}}@media screen and (min-width:1024px){tp-benutzer-login .element-headline-small{font-size:1.375rem;line-height:1.8125rem}}tp-benutzer-login .element-input-floating-label{display:inline-block;position:relative;background:#fff;color:#292929;font-family:Circular,Segoe UI,Candara,Bitstream Vera Sans,DejaVu Sans,Trebuchet MS,Verdana,Verdana Ref,"sans-serif";font-size:1rem;font-weight:450;height:auto;line-height:1.375rem;border-radius:10px}tp-benutzer-login .element-input-floating-label input{font-family:inherit;font-size:inherit;font-weight:inherit;height:inherit;line-height:inherit;width:100%;padding:20px 45px 2px 8px;border:2px solid #bfbfbf;border-radius:10px}tp-benutzer-login .element-input-floating-label input:invalid{border-color:#d10000}tp-benutzer-login .element-input-floating-label input[error]{border-color:#d10000}tp-benutzer-login .element-input-floating-label input[success]{border-color:#03773a}tp-benutzer-login .element-input-floating-label:has([error],[success]):after{content:"";display:block;width:20px;height:20px;position:absolute;top:50%;right:8px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}tp-benutzer-login .element-input-floating-label:has([error]):after{background-image:url(assets/icon-achtung.dee8e86b453357e6c8cf.svg);background-repeat:no-repeat}tp-benutzer-login .element-input-floating-label:has([success]):after{background-image:url(assets/icon-erfolg.1d6a25da8c56e6a37fbd.svg);background-repeat:no-repeat}@supports ((-webkit-mask:url("")) or (mask:url(""))){tp-benutzer-login .element-input-floating-label:has([success]):after{background-color:#03773a;background-image:none;mask-image:url(assets/icon-erfolg.1d6a25da8c56e6a37fbd.svg);-webkit-mask-image:url(assets/icon-erfolg.1d6a25da8c56e6a37fbd.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}tp-benutzer-login .element-input-floating-label:has([error]):after{background-color:#d10000;background-image:none;mask-image:url(assets/icon-achtung.dee8e86b453357e6c8cf.svg);-webkit-mask-image:url(assets/icon-achtung.dee8e86b453357e6c8cf.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}}tp-benutzer-login .element-input-floating-label input:not([data-no-border]):placeholder-shown{border-color:#bfbfbf}tp-benutzer-login .element-input-floating-label::-webkit-input-placeholder{color:#292929}tp-benutzer-login .element-input-floating-label::placeholder{color:#292929}tp-benutzer-login .element-input-floating-label [data-floating-label]{display:inline-block;font-size:11px;color:#292929;position:absolute;top:2px;left:8px;cursor:text}tp-benutzer-login .element-input-floating-label input:-ms-input-placeholder{color:transparent}@supports not (-ms-ime-align:auto){tp-benutzer-login .element-input-floating-label input::-webkit-input-placeholder{color:transparent}tp-benutzer-login .element-input-floating-label input::placeholder{color:transparent}tp-benutzer-login .element-input-floating-label input{background-color:transparent}tp-benutzer-login .element-input-floating-label [data-floating-label]{transition:all .2s;top:13px;left:10px;font-size:15px}tp-benutzer-login .element-input-floating-label input:focus:placeholder-shown~[data-floating-label]{transition:all .2s ease;top:2px;left:10px;font-size:11px}tp-benutzer-login .element-input-floating-label input:not(:placeholder-shown)~[data-floating-label]{top:2px;left:10px;font-size:11px}tp-benutzer-login .element-input-floating-label input:-webkit-autofill~[data-floating-label]{-webkit-transition:all .2s ease;transition:all .2s ease;top:2px;left:10px;font-size:11px}tp-benutzer-login .element-input-floating-label input:autofill~[data-floating-label]{transition:all .2s ease;top:2px;left:10px;font-size:11px}}tp-benutzer-login .element-input-floating-label input[data-no-border]{border:1px solid transparent}tp-benutzer-login .element-button-primary{background-color:#006b36;border:0;border-radius:24px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:Circular,Segoe UI,Candara,Bitstream Vera Sans,DejaVu Sans,Trebuchet MS,Verdana,Verdana Ref,"sans-serif";font-size:1rem;font-weight:700;line-height:1.5rem;padding:12px 24px;position:relative;text-align:center;text-decoration:none;transition:background-color .2s ease;overflow:hidden;outline-offset:3px}tp-benutzer-login .element-button-primary [class*=element-icon-],tp-benutzer-login .element-button-primary[data-status=success]:before{height:24px;width:24px;margin-right:8px}tp-benutzer-login .element-button-primary[data-loading] [class*=element-icon-]{visibility:hidden}@media(hover:hover) and (pointer:fine){tp-benutzer-login .element-button-primary:hover{background-color:#292929;color:#fff}}tp-benutzer-login .element-button-primary:active{background-color:#292929;color:#fff}tp-benutzer-login .element-button-primary[disabled]{background-color:#5ea280;color:#fff;cursor:auto}tp-benutzer-login .element-button-primary[data-loading]{color:#fff;background-color:#006b36;cursor:auto;transition:color .4s ease}tp-benutzer-login .element-button-primary[data-loading]:before{content:"";width:100%;height:100%;background-color:#006b36;border:0;position:absolute;top:0;left:0}tp-benutzer-login .element-button-primary[data-loading]:after{content:"";width:100%;height:100%;background-image:url(assets/icon-ladeindikator.61731b79b21d0ce91922.svg);background-size:40px;background-position:50%;background-repeat:no-repeat;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}tp-benutzer-login .element-button-primary[data-status=success]{color:#fff;background-color:#03773a}tp-benutzer-login .element-button-primary[data-status=success] [class*=element-icon-]{display:none}tp-benutzer-login .element-button-primary[data-status=success]:before{content:"";background-image:url(assets/icon-haekchen.1cdef18463d2c28261f6.svg);background-repeat:no-repeat}@supports ((-webkit-mask:url("")) or (mask:url(""))){tp-benutzer-login .element-button-primary[data-loading]:after{mask-image:url(assets/icon-ladeindikator.61731b79b21d0ce91922.svg);-webkit-mask-image:url(assets/icon-ladeindikator.61731b79b21d0ce91922.svg);mask-size:40px;-webkit-mask-size:40px}tp-benutzer-login .element-button-primary[data-loading]:after,tp-benutzer-login .element-button-primary[data-status=success]:before{background-image:none;background-color:currentColor;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}tp-benutzer-login .element-button-primary[data-status=success]:before{mask-image:url(assets/icon-haekchen.1cdef18463d2c28261f6.svg);-webkit-mask-image:url(assets/icon-haekchen.1cdef18463d2c28261f6.svg)}}tp-benutzer-login .element-button-primary .icon-cart-add{background-image:url(assets/icon-warenkorb-hinzufuegen.70fcb54255ab34677a8b.svg);margin-right:undefined;margin-right:var(--button-element-primary-icon-margin-right);height:20px;width:20px;top:-2px}@supports ((-webkit-mask:url("")) or (mask:url(""))){tp-benutzer-login .element-button-primary .icon-cart-add{background-image:none;background-color:currentColor;mask-image:url(assets/icon-warenkorb-hinzufuegen.70fcb54255ab34677a8b.svg);-webkit-mask-image:url(assets/icon-warenkorb-hinzufuegen.70fcb54255ab34677a8b.svg);mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}}tp-benutzer-login *{box-sizing:border-box}tp-benutzer-login .element-overlay-small{border:0;width:100%;max-width:560px;padding:16px;position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;opacity:0;visibility:hidden;border-radius:10px}tp-benutzer-login .element-overlay-small header{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:16px;margin-bottom:16px}tp-benutzer-login .element-overlay-small header [cta]{flex-shrink:0}tp-benutzer-login .element-overlay-small header [cta=close]{margin-left:auto;position:static}tp-benutzer-login .element-overlay-small .element-button-primary-close{position:absolute;top:20px;right:20px}tp-benutzer-login .element-overlay-small[open]{-webkit-animation:tp-benutzer-login-fadein .3s .1s backwards;animation:tp-benutzer-login-fadein .3s .1s backwards;opacity:1;visibility:visible}tp-benutzer-login .element-overlay-small[open]::-webkit-backdrop{-webkit-animation:tp-benutzer-login-fadein .5s .1s backwards;animation:tp-benutzer-login-fadein .5s .1s backwards}tp-benutzer-login .element-overlay-small[open]+.backdrop,tp-benutzer-login .element-overlay-small[open]::backdrop{-webkit-animation:tp-benutzer-login-fadein .5s .1s backwards;animation:tp-benutzer-login-fadein .5s .1s backwards}tp-benutzer-login .element-overlay-small[data-animation=skip][open]{-webkit-animation:none;animation:none}@-webkit-keyframes tp-benutzer-login-fadein{0%{opacity:0}to{opacity:1}}@keyframes tp-benutzer-login-fadein{0%{opacity:0}to{opacity:1}}tp-benutzer-login .element-overlay-small::-webkit-backdrop{background:rgba(0,0,0,.25)}tp-benutzer-login .element-overlay-small::backdrop{background:rgba(0,0,0,.25)}tp-benutzer-login .element-overlay-small+.backdrop{background:rgba(0,0,0,.25)}@media screen and (min-width:768px){tp-benutzer-login .element-overlay-small{padding:16px 20px 20px}tp-benutzer-login .element-overlay-small header{margin-bottom:16px}}@media screen and (min-width:1024px){tp-benutzer-login .element-overlay-small{padding:24px 40px 40px}tp-benutzer-login .element-overlay-small header{margin-bottom:24px}}tp-benutzer-login .element-overlay-small:not(:has(header)){padding:50px 15px 15px}@media screen and (min-width:480px){tp-benutzer-login .element-overlay-small:not(:has(header)){padding:50px 20px 20px}}tp-benutzer-login .element-headline-medium{color:#292929;font-family:Circular,Segoe UI,Candara,Bitstream Vera Sans,DejaVu Sans,Trebuchet MS,Verdana,Verdana Ref,"sans-serif";font-weight:700;font-size:1.375rem;line-height:1.8125rem;text-decoration:none}@media screen and (min-width:768px){tp-benutzer-login .element-headline-medium{font-size:1.5rem;line-height:2rem}}@media screen and (min-width:1024px){tp-benutzer-login .element-headline-medium{font-size:1.625rem;line-height:2.1875rem}}tp-benutzer-login .element-button-primary-close{width:40px;height:40px;border-radius:20px;color:#292929;background-color:#eee;font-size:0;cursor:pointer;transition:background-color .2s ease,color .2s ease;outline-offset:3px}tp-benutzer-login .element-button-primary-close:before{content:"";display:block;margin:0 auto;width:20px;height:20px;background-color:currentColor;mask-image:url(assets/icon-x.be2fe5c42a9b67b865b9.svg);-webkit-mask-image:url(assets/icon-x.be2fe5c42a9b67b865b9.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}tp-benutzer-login .element-button-primary-close:active,tp-benutzer-login .element-button-primary-close:hover{color:#fff;background-color:#292929}tp-benutzer-login div.login-box{margin:auto;display:flex;width:500px}tp-benutzer-login div.login-box label{width:400px}tp-benutzer-login div.login-box .submit-button{margin:10px auto;display:block}tp-benutzer-login #welcome-banner{max-width:1000px}tp-benutzer-login #welcome-banner b{font-weight:700}tp-benutzer-login #welcome-banner button.element-button-primary-close{padding-top:8px}