:host,:root{--fade-speed: .1s;--safe-area-inset-top: 56px }._page-spinner{background-color:#f0f0f0;position:fixed;z-index:2201;opacity:0;inset:0;width:100%;height:100%;transition:opacity var(--fade-speed) ease-in-out}._page-spinner.active{opacity:1}._page-spinner>.spinner-border{position:absolute;top:calc(50% - 62px - (env(safe-area-inset-bottom)*1.1));left:50%;margin-left:-15px;visibility:hidden}.spin>.spinner-border{visibility:visible!important}#_content{min-height:100%}.wa-loading{position:absolute;top:0;bottom:0;z-index:10;width:100%;height:100%}.fadeIn{visibility:visible;opacity:1;transition:opacity .1s linear}.fadeOut{visibility:hidden;opacity:0;transition:visibility 0s .1s,opacity .1s linear}.d-hidden{visibility:hidden}.o-hidden{overflow:hidden}.hide,.d-none{display:none}._page,.page{width:100%}.online-message{background-color:#8cc152;color:#fff}.offline-message,.request-error-message{background-color:#da4453;color:#fff}#nav-save-area{padding-top:50px}.header{z-index:100}._spinner{display:flex;align-items:center;justify-content:center;height:300px;z-index:1000}._overlay{position:fixed;top:0;left:0;bottom:0;width:100%;height:100%;z-index:1000}._stack{min-height:100%;overflow-x:hidden;scrollbar-width:none}._stack>section.page,._stack>div.page{display:none}._stack>div.active,._stack>section.active{display:flex;flex-direction:column;width:100%}.appBottomMenu .item i{color:#ccc;transition:color .3s ease}.appBottomMenu .item.active i,.appBottomMenu .item i.active-icon{color:#6236ff}.appBottomMenu .item.disabled i{color:#aaa}.centered{display:block;margin-left:auto;margin-right:auto}.invalid-input{border:2px solid red!important}.giftcard-quantity-selector{margin-right:20px;display:none}.giftcard-quantity-selector input[type=number]{width:100%;padding:8px;margin:5px 0;box-sizing:border-box;border:1px solid #ccc;border-radius:4px}.giftcard-quantity-selector label{display:block;margin-bottom:5px;font-weight:700}.giftcard-quantity-selector input[type=number]{font-size:16px}.appBottomMenu{position:fixed;bottom:0;left:0;right:0;z-index:1000}.appWrapper.absolute ._stack{overflow-y:auto;position:relative;height:100%;overscroll-behavior:none}#wrapper{min-height:100vh;display:flex;flex-direction:column}.appHeader{z-index:2100;position:fixed;top:0;width:100%;left:0;right:0}.appBottomMenu{z-index:2200}.appWrapper{margin:0;max-height:calc(100% - var(--nav-height, 0px));padding:var(--nav-height, 0px) 0 var(--tab-height, 0px) 0}.animationSpinner{opacity:.5}.appWrapper.embed{transform:translateY(0)}.appWrapper.mobile ._stack{overflow-y:unset}.appWrapper.mobile{transform:"unset"}.appWrapper.mobile.absolute ._stack{overflow-y:auto}.shadow{-webkit-box-shadow:0px 1px 31px -15px rgba(0,0,0,.44);-moz-box-shadow:0px 1px 31px -15px rgba(0,0,0,.44);box-shadow:0 1px 31px -15px #00000070}.appWrapper.absolute{position:absolute;overflow:hidden;inset:0;transform:translateY(0)}.appWrapper.absolute .tabs{position:absolute}.appWrapper.absolute.mobile{width:100%;height:100%;max-height:100%;inset:0}.appWrapper.mobile .tabs{position:fixed}._page-spinner.preloader{background-color:#f0f0f095}.appWrapper.full{position:fixed;inset:0!important;z-index:2000}body{font-family:Arial,sans-serif;margin:0;padding:0;text-align:center;background:#fff}.centered{margin-left:auto;margin-right:auto}header{justify-content:space-between;align-items:center;padding:30px 5%;background:#fff}header h1{font-size:2em}#step2{display:none}.banner{background:linear-gradient(180deg,#ea516d,#f9b44f);color:#fff;padding-top:20px;padding-left:20px;padding-right:20px;position:relative;text-align:center}.banner h1{font-size:1.75em}.h2{font-size:150%!important}.guthaben-anzeige h1{font-size:1.65em}.guthaben-anzeige h2{font-size:1.75em}.guthaben-anzeige p strong{font-size:3.5em}.guthaben-anzeige .button{padding:10px 20px;background-color:#e57373;color:#fff;border:none;border-radius:5px;cursor:pointer;text-align:center;min-width:120px;z-index:1}.guthaben-anzeige button{padding:10px 20px;background:#ebebeb;border:none;border-radius:5px;cursor:pointer;width:100%;max-width:200px;font-size:1em}.button-container{margin-top:40px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.guthaben-abfrage{background:rgba(255,255,255,.9);padding:10px;border-radius:10px;max-width:700px;margin:0 auto}.slideshow-container{position:relative;margin-top:30px;width:95%;max-width:800px;margin-left:auto;margin-right:auto;overflow:hidden;z-index:1;transform:translateY(40px)}.slideshow-container:after{content:"";display:block;clear:both}.slides-wrapper{display:flex;transition:transform .5s ease-in-out;width:100%}.slides-wrapper.no-transition{transition:none!important}.slide{flex:0 0 100%}.slide img{display:block;width:100%;height:100%;object-fit:cover}.info-image img{max-width:300px}.footer{background:#ebebeb;font-size:1em;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;max-width:800px;margin-left:auto;margin-right:auto;margin-top:40px}.footer a{margin:0 10px;color:#000;text-decoration:none}.header-container{display:flex;flex-direction:column;align-items:center;text-align:center}.wave-overlay-top{position:absolute;top:0;left:0;width:100%;height:80px;line-height:0;pointer-events:none;transform:translateY(-1px);display:none}.wave-overlay-top svg{display:block;width:100%;height:100%}.wave-overlay{position:absolute;bottom:0;left:0;width:100%;height:80px;line-height:0;pointer-events:none;display:none}.wave-overlay svg{display:block;width:100%;height:100%}.header-divider{height:1px;background-color:#d0d0d0;margin:.1rem auto;width:100%}.logo img{width:100%;width:auto;max-height:100px}.input-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto;width:100%;max-width:600px}.input-container fieldset{display:flex;align-items:center;gap:0;border:none;padding:0;width:100%;z-index:2}.input-container input{border:1px solid #ccc;border-radius:5px;text-align:center;min-height:50px}.input-container input[type=password]{flex:1;background:#ffe7cb}.input-container button{position:relative;border:none;cursor:pointer;border-radius:5px;transition:opacity .2s ease-in-out,width .2s ease-in-out;display:flex;align-items:center;justify-content:center;min-height:54px;padding-left:10px;padding-right:10px}.input-container:before{content:"";position:absolute;top:-50px;left:50%;transform:translate(-50%);width:100%;max-width:600px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.4),transparent 70%);border-radius:50%;filter:blur(50px);z-index:0}.input-container{position:relative;z-index:1}.info-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;max-width:800px;margin:40px auto;padding:20px;text-align:left;gap:20px}.info-text{flex:1.5;min-width:280px}.info-image{justify-content:center;flex:1;text-align:right}.info-image img{height:auto;max-width:300px}#code,#cardpin{letter-spacing:2px;text-align:center;font-family:monospace}.transaktions-container-wrapper{padding:10px 5%;text-align:center}.transaktions-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:10px 0;font-size:1.2em;font-weight:700;border-bottom:2px solid #ddd}.transaktions-arrow{font-size:1.2em;transition:transform .3s ease-in-out}.transaktions-container{max-height:0;overflow:hidden;opacity:0;margin-top:10px;transition:max-height .5s ease-in-out,opacity .5s ease-in-out}.transaktions-container.active{max-height:3500px;opacity:1}.transaktions-arrow.rotated{transform:rotate(180deg)}.transaktion{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #ddd}.transaktion-details{display:flex;align-items:center;gap:10px}.transaktion-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.transaktion-text strong{margin-bottom:2px}.transaktion-text small{color:gray}.transaktion-icon{width:40px;height:40px;margin-right:10px}.betrag-info{display:flex;flex-direction:column;align-items:flex-end}.betrag{font-weight:700}.betrag.positiv{color:green}.betrag.negativ{color:red}.transaktions-datum{font-size:.8em;color:gray}.overlay-spinner{position:relative}.overlay-spinner>*{opacity:.4}.overlay-spinner:before{z-index:99;position:absolute;content:" ";top:50%;left:50%;margin-top:-25px;margin-left:-25px;width:50px;height:50px;color:#000;border-radius:50%;border:5px solid #000;border-color:#000 transparent #000 transparent;animation:lds-dual-ring 1.2s linear infinite}.spinner-border{width:24px;height:24px;border-width:3px;border-style:solid;border-radius:50%;border-color:white transparent rgb(0,0,0) transparent;animation:lds-dual-ring 1.2s linear infinite;display:inline-block}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#abfragen-btn:disabled{cursor:not-allowed}.error-message{color:red;background:rgba(255,255,255,.8);padding:10px 15px;border-radius:5px;font-size:1.2em;font-weight:700;text-align:center;margin-top:10px;display:inline-block;max-width:90%}._page-spinner{background-color:#fff}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.info-image{text-align:center}}@media (min-width: 600px){.input-container{flex-wrap:nowrap}.input-container button{width:auto}}@media (min-width: 768px){.header-container{flex-direction:row;justify-content:space-between;width:100%}.header-title{margin-left:20px}}@media (prefers-contrast: more){.banner{background:unset!important;background:linear-gradient(180deg,#000000,#000000)!important;color:#fff;padding:40px 20px 15%;position:relative}}.bigfont .appHeader div.left div{line-height:1!important}.bigfont .notifications_news_button .badge{width:22px;height:22px}.bigfont .balance span{display:none}@supports (font: -apple-system-body){html{font:-apple-system-body}}#transaction_wrapper a[href*="page="]{display:inline-block;padding:8px 12px;margin:0 5px;text-decoration:none;background-color:#f9f9f9;color:#333;border:1px solid #ccc;border-radius:5px;transition:all .3s ease}#transaction_wrapper a[href*="page="]:hover{background-color:#007bff;color:#fff;border-color:#007bff}#transaction_wrapper a[href*="page="].active{background-color:#007bff;color:#fff;font-weight:700;pointer-events:none}#transaction_wrapper .guthabenabfrage-year{font-size:1.6em;font-weight:700}.listview-title{color:#958d9e;padding:7px 16px;font-size:1.3em;font-weight:500}.listview{display:block;padding:0;margin:0;color:#27173e;background:#fff;border-top:1px solid #DCDCE9;border-bottom:1px solid #DCDCE9;line-height:1.3em}.listview .text-muted{font-size:1.3em;color:#a9abad!important}.listview .text-small{font-size:.8em;color:#958d9e}.listview .text-xsmall{font-size:1em;color:#a9abad}.listview>li{padding:11px 16px;display:flex;align-items:center;justify-content:space-between;position:relative;min-height:50px}.listview>li:after{content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:1px;background:#DCDCE9}.listview>li:last-child:after{display:none}.listview>li footer,.listview>li header{font-size:1.2em;margin:0;line-height:1.2em}.listview>li footer{color:#958d9e;margin-top:3px}.listview>li header{margin-bottom:3px}.listview>li.divider-title{background:rgba(220,220,233,.5);margin-top:-1px;border-top:1px solid #DCDCE9;border-bottom:1px solid #DCDCE9;padding:12px 16px;font-size:1.3em;min-height:auto;color:#958d9e}.listview>li.divider-title:after{display:none}.listview.flush{border-top:0;border-bottom:0}.listview.transparent{background:transparent}.link-listview>li{padding:0;min-height:auto}.link-listview>li a{padding:11px 36px 11px 16px;min-height:50px;display:flex;width:100%;align-items:center;justify-content:space-between;color:#27173e!important}.link-listview>li a:after{content:"\f054";font-family:fontawesome;font-size:1.8em;position:absolute;right:16px;height:18px;top:50%;margin-top:-9px;line-height:1em;color:#a9abad;opacity:.6}.link-listview>li a:active{background:rgba(220,220,233,.3)}.link-listview>li.active a{background:rgba(220,220,233,.3)!important}.image-listview>li{padding:0;min-height:auto}.image-listview>li:after{left:68px}.image-listview>li .item{padding:11px 16px;width:100%;min-height:50px;display:flex;align-items:center}.image-listview>li .item .image{width:36px;height:36px;border-radius:400px;margin-right:16px}.image-listview>li .item .icon-box{min-width:36px;max-width:36px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;line-height:1em;border-radius:400px;margin-right:16px}.image-listview>li .item .icon-box.transparent{font-size:2.8em;color:#6236ff}.image-listview>li .item .in{display:flex;align-items:center;justify-content:space-between;width:100%}.image-listview>li a.item{color:#27173e!important;padding-right:36px}.image-listview>li a.item:active{background:rgba(220,220,233,.3)}.image-listview>li a.item:after{content:"\f054";font-family:fontawesome;font-size:1.8em;position:absolute;right:16px;color:#a9abad;opacity:.6;line-height:1em;height:18px;top:50%;margin-top:-9px}.image-listview>li.active .item{background:rgba(220,220,233,.3)!important}.image-listview.text>li:after{left:16px}.image-listview.media>li{border-bottom:1px solid #DCDCE9}.image-listview.media>li:last-child{border-bottom:0}.image-listview.media>li .imageWrapper{margin-right:16px}.image-listview.media>li:after{display:none}.listview.no-line>li:after,.listview.no-line .item:after{display:none}.listview.no-space>li .item{padding:0}.listview.no-space>li{padding-left:0;padding-right:0}.listview.inset{margin-left:16px;margin-right:16px;overflow:hidden;border:0;border-radius:10px;box-shadow:0 1px 3px #00000017}.card .listview>li:first-child .item{border-radius:10px 10px 0 0}.card .listview>li:last-child .item{border-radius:0 0 10px 10px}#transaction_wrapper .fa{color:#fff}.charge .text-end strong{color:#28a745}.charge .icon-box{background:#1DCC70}.charge .fa:before{content:"\f062"}.redeem .text-end strong{color:#ff396f}.redeem .icon-box{background:#FF396F}.redeem .fa:before{content:"\f063"}.cancel .icon-box{background:#FFB400}.cancel .fa:before{content:"\f0e2"}.dummy .icon-box{background:#cccccc}.dummy .txt{border-radius:4px;background-color:#ccc;margin:2px;color:#ccc!important}.detailed-list li{padding-top:3px;padding-bottom:3px;line-height:1.5em;font-size:1.5em;text-align:left}.text-end{text-align:right!important}.text-secondary{text-align:left!important}
