.login-page{--login-gap:clamp(22px, 2.65vw, 36px);--login-pad:clamp(16px, 2.7vw, 36px);--login-radius:16px;--login-edge:#79583e;--login-divider:#644934;padding-bottom:var(--login-gap)}.login-page h2{font-size:clamp(1.95rem,3.3vw,2.95rem);line-height:1.04}.login-page p{color:var(--muted);text-wrap:pretty}.login-page :is(.btn,.login-shortcuts a){min-height:44px}.login-panel,.login-page .faq{border:1px solid var(--login-edge);border-radius:var(--login-radius);background:var(--surface)}.login-hero{border-color:#9b7048}.login-hero-stage{isolation:isolate;background:radial-gradient(at 62% 70%,#503727,#0000 68%),#271c17;border-radius:15px 15px 0 0;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;min-height:clamp(300px,28vw,378px);display:grid;position:relative;overflow:hidden}.login-hero-stage:before{z-index:2;content:"";pointer-events:none;border:1px solid #ca956449;border-radius:9px;position:absolute;inset:8px}.login-hero-copy{z-index:1;padding:clamp(26px,4.5vw,58px) 14px clamp(26px,4.5vw,58px) clamp(24px,4.5vw,64px)}.login-hero h1{font:500 clamp(2.85rem, 6.1vw, 5.55rem)/.96 var(--display);letter-spacing:-.055em;text-wrap:balance}.login-hero-copy p{color:#ead9c7;max-width:46ch;margin-top:15px}.login-actions{flex-wrap:wrap;gap:9px;margin-top:17px;display:flex}.login-hero-art{align-self:stretch;min-width:0;position:relative;mask-image:linear-gradient(90deg,#0000,#000 24%)}.login-hero-art:after{content:"";background:linear-gradient(#0000 78%,#201610b8);position:absolute;inset:0}.login-hero-art img{object-fit:cover;object-position:74% center;width:100%;height:100%;position:absolute;inset:0}.login-shortcuts{background:linear-gradient(90deg,#292017,#231a14);border-top:1px solid #775638;border-radius:0 0 15px 15px;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:6px;display:grid}.login-shortcuts a{color:var(--muted);text-align:center;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:6px 8px;font-size:.86rem;font-weight:650;display:flex}.login-shortcuts svg{width:18px;height:18px;color:var(--copper);flex:0 0 18px}.login-shortcuts a:hover,.login-shortcuts a:focus-visible{color:var(--text);background:#e8ad7811;border-color:#e8ad7836}.login-shortcuts a:focus-visible{outline-offset:-2px}.login-page:has(#passwort:target) .login-shortcuts a[href=\#passwort],.login-page:has(#login-probleme:target) .login-shortcuts a[href=\#login-probleme],.login-page:has(#registrierung:target) .login-shortcuts a[href=\#registrierung],.login-page:has(#support:target) .login-shortcuts a[href=\#support]{color:var(--green);background:#afe58110;border-color:#afe58163}.login-reset,.login-problems,.login-account-options,.login-page .faq{margin-top:var(--login-gap)}.login-reset{border-radius:var(--login-radius);background:radial-gradient(at 14% 86%,#3b482a,#0000 56%),linear-gradient(125deg,#24291e,#1c2119 72%);border:1px solid #68704d;grid-template-columns:minmax(255px,.7fr) minmax(0,1.3fr);gap:clamp(20px,4vw,54px);padding:clamp(18px,3.2vw,42px);display:grid}.login-reset-intro{align-content:center;align-self:stretch;justify-items:start;min-width:0;display:grid;position:relative}.login-reset-intro p{max-width:35ch}.login-reset-intro h2{text-wrap:balance}.login-reset-intro p,.login-signup p,.login-support p{margin-top:10px}.login-reset-art{isolation:isolate;background:radial-gradient(#b1dc7329 6%,#0000 65%);place-items:center;width:min(100%,218px);height:132px;margin-top:16px;display:grid;position:relative}.login-reset-art:before,.login-reset-art:after{z-index:-1;content:"";border:1px solid #b3d08148;border-radius:50%;width:158px;height:74px;position:absolute;transform:rotate(-20deg)}.login-reset-art:after{border-color:#b3d08126;width:185px;height:103px;transform:rotate(19deg)}.login-reset-emblem{color:#e5f3cb;background:linear-gradient(145deg,#657d41,#35472b 72%);border:1px solid #b3cc88;border-radius:23px;place-items:center;width:78px;height:78px;display:grid;box-shadow:0 9px 22px #141b11b0,inset 0 1px #dcecc062}.login-reset-emblem svg{stroke-width:1.15px;width:45px;height:45px}.login-reset-steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.login-reset-steps li{grid-template-columns:29px minmax(0,1fr);align-items:start;gap:clamp(10px,1.6vw,19px);display:grid;position:relative}.login-reset-steps li:not(:last-child):before{content:"";border-left:1px solid #a2bc795a;position:absolute;top:43px;bottom:-25px;left:14px}.login-step-copy{background:#c4dca609;border:1px solid #a8bd832a;border-radius:11px;gap:7px;padding:clamp(12px,1.25vw,17px);display:grid}.login-step-copy p{max-width:68ch}.login-step-symbol,.login-feature-icon{width:32px;height:32px;color:var(--copper);background:#e8ad7812;border:1px solid #a5744c73;border-radius:8px;place-items:center;display:grid}.login-step-heading{align-items:center;gap:10px;min-width:0;display:flex}.login-step-symbol{color:#d8efb8;background:#b0d68114;border-color:#b6d1914b;flex:0 0 32px;width:32px;height:32px}.login-step-symbol svg{width:18px;height:18px}.login-step-index{z-index:1;color:#202d16;background:#c4e19b;border-radius:50%;place-items:center;width:29px;height:29px;margin-top:15px;font-size:.82rem;font-weight:800;line-height:1;display:grid;position:relative}.login-feature-icon{flex:0 0 32px}.login-feature-icon svg{width:18px;height:18px}.login-support-icon:before{content:"";background:currentColor;width:19px;height:19px;mask:url(/media/ritzo-login-chat.svg) 50%/contain no-repeat}.login-page :is(.login-reset-steps,.login-problem-list) h3{color:var(--copper);font:500 clamp(1.23rem, 1.85vw, 1.57rem)/1.15 var(--display);overflow-wrap:normal;hyphens:none}.login-page .login-reset-steps h3{color:var(--text);font-size:clamp(1.17rem,1.73vw,1.53rem)}.login-problems h2{font-size:clamp(1.85rem,3vw,2.6rem)}.login-problem-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px;display:grid}.login-problem-list article{background:#231c17;border:1px solid #e8ad7829;border-radius:12px;grid-template-rows:auto 1fr;gap:10px;padding:clamp(14px,1.6vw,22px);display:grid}.login-problem-list article:last-child{background:linear-gradient(150deg,#32251d,#231c17 75%)}.login-problem-list h3{align-items:center;gap:10px;display:flex}.login-problem-copy{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.login-problem-copy .btn{margin-top:auto;padding-inline:13px}.login-account-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,21px);display:grid}.login-option{--option-glow:#774d49;padding:var(--login-pad);background:radial-gradient(ellipse at 89% 61%, var(--option-glow), transparent 63%), #261d17;grid-template:"heading heading""body art"1fr"actions art"/minmax(0,1fr) minmax(100px,29%);align-items:start;column-gap:clamp(10px,1.4vw,20px);display:grid}.login-support{--option-glow:#535742}.login-option h2{grid-area:heading;align-items:center;gap:10px;font-size:clamp(1.8rem,2.9vw,2.55rem);display:flex}.login-option p{grid-area:body}.login-option .login-actions{grid-area:actions;align-self:end}.login-option-art{isolation:isolate;grid-area:art;align-self:stretch;place-items:center;display:grid;position:relative}.login-option-art:before{z-index:-1;aspect-ratio:1;content:"";border:1px solid #e8ad7850;border-radius:48% 48% 16% 16%;width:84%;position:absolute;box-shadow:0 0 0 7px #e8ad7814}.login-option-art img{object-fit:contain;filter:drop-shadow(0 10px 16px #170c0a9c);width:100%;max-width:163px;height:auto}.login-signup .login-option-art img{max-width:124px}.login-page .faq{padding:var(--login-pad);background:linear-gradient(120deg,#2b2118,#1c1814 55%);grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:clamp(15px,3vw,38px)}.login-page .faq h2{max-width:none;font-size:clamp(1.8rem,3vw,2.63rem)}.login-page .faq-list{gap:0}.login-page .faq-item{--faq-inset:clamp(9px, 1.3vw, 17px);background:0 0;border:0;border-radius:0}.login-page .faq-item+.faq-item{border-top:1px solid var(--login-divider)}.login-page .faq summary{border-radius:7px;min-height:55px;padding-block:9px}.login-page .faq summary:hover{background:#e8ad7810}.login-page .faq-item[open]{background:#a7d4870c;box-shadow:inset 2px 0 #95b777}.login-page .faq-item[open] summary{color:var(--green)}.login-page .faq-item[open] .faq-toggle{color:var(--green);background:#afe5810e;border-color:#afe5815c}.login-page .faq-answer{border:0;padding-block:10px 14px}@media (width<=1050px){.login-problem-list{grid-template-columns:minmax(0,1fr);gap:9px}.login-problem-list article{grid-template-rows:auto;grid-template-columns:minmax(250px,.83fr) minmax(0,1.17fr)}.login-option{grid-template-columns:minmax(0,1fr) clamp(73px,10vw,113px);grid-template-areas:"heading heading""body body""actions art"}.login-option h2{align-self:center}}@media (width<=860px){.login-hero-stage{background:radial-gradient(at 65% 90%,#4a3023,#0000 75%),#281d16;grid-template-columns:minmax(0,1fr);min-height:0}.login-hero-copy{padding:23px clamp(17px,5vw,35px) 8px}.login-hero h1{font-size:clamp(2.38rem,8.65vw,4rem)}.login-hero-copy p{margin-top:11px}.login-hero-art{min-height:clamp(136px,39vw,224px);mask-image:linear-gradient(#0000,#000 24%)}.login-hero-art img{object-position:72% center}}@media (width<=740px){.login-reset,.login-account-options,.login-page .faq{grid-template-columns:minmax(0,1fr)}.login-reset{gap:17px}.login-reset-intro p{max-width:none;margin-top:7px}.login-reset-art{display:none}.login-actions .btn{padding-inline:12px}.login-hero .btn,.login-option .login-actions .btn{padding-inline:10px;font-size:.84rem}.login-problem-list article{grid-template-columns:minmax(0,1fr);gap:7px}}@media (width<=500px){.login-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.login-shortcuts a:nth-child(-n+2){border-bottom:1px solid #e8ad781c}.login-shortcuts a{gap:5px;font-size:.82rem}.login-shortcuts svg{flex-basis:16px;width:16px;height:16px}.login-reset-steps li{grid-template-columns:minmax(0,1fr)}.login-reset-steps li:before{display:none}.login-step-index{width:15px;height:15px;margin:0;font-size:.62rem;position:absolute;top:7px;left:7px}.login-option-art:before{box-shadow:0 0 0 4px #e8ad7811}}@media (width<=360px){.login-page :is(.login-reset-steps,.login-problem-list) h3{font-size:1.09rem}.login-option h2{font-size:1.62rem}}
