:root{--bg:#0c0e11;--bg2:#13171c;--panel:#171b21;--panel2:#1d222a;--line:#2a3039;--text:#f5f6f7;--muted:#9ca6b4;--gold:#f2a51a;--gold2:#ffbd45;--red:#f05a64;--green:#4bd190;--orange:#f29b38;--blue:#7289da;--shadow:0 18px 55px rgba(0,0,0,.28)}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% -10%,#24200f 0,transparent 30%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:rgba(12,14,17,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.brand{font-size:21px;font-weight:900;letter-spacing:-.4px;display:flex;gap:9px;align-items:center}.brand span{background:linear-gradient(90deg,#fff,#ffd279);-webkit-background-clip:text;color:transparent}.topbar nav{display:flex;gap:8px;align-items:center}.topbar nav a{padding:9px 12px;color:var(--muted);border-radius:9px}.topbar nav a:hover{background:var(--panel);color:#fff}.topbar nav .nav-cta{background:var(--gold);color:#17120a;font-weight:800}.page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:34px 0 70px}.footer{border-top:1px solid var(--line);padding:24px;text-align:center;color:#6f7884}.hero{display:flex;justify-content:space-between;gap:32px;align-items:center;padding:40px;background:linear-gradient(135deg,#1b1d20,#1c180e);border:1px solid #3a311d;border-radius:22px;box-shadow:var(--shadow)}.hero.compact{padding:30px 34px}.hero h1,.page-head h1,.auth-card h1{font-size:clamp(30px,5vw,46px);line-height:1.05;margin:5px 0 10px;letter-spacing:-1.5px}.hero p,.page-head p{margin:0;color:var(--muted);max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:900;color:var(--gold2)}.level-badge{min-width:138px;padding:15px 18px;border-radius:16px;background:#241d11;border:1px solid #4a3717;color:#d8c293;text-align:center}.level-badge strong{display:block;font-size:32px;color:#fff}.toolbar,.page-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:26px 0 18px}.page-head{margin-top:0}.filter-group{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:8px 13px;cursor:pointer}.filter.active,.filter:hover{background:#302713;border-color:#6b4c14;color:#ffd779}.muted,.hint{color:var(--muted)}.hint{font-size:12px;margin:0}.item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.item-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.16);transition:.2s}.item-card:hover{transform:translateY(-2px);border-color:#4a4130}.item-image-wrap{height:190px;background:linear-gradient(145deg,#232832,#15181e);position:relative;display:flex;align-items:center;justify-content:center}.item-image{width:100%;height:100%;object-fit:cover}.item-placeholder{font-size:68px;color:#4a5360}.item-level{position:absolute;top:12px;right:12px;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;box-shadow:0 4px 16px rgba(0,0,0,.3)}.level-1{background:#163927!important;color:#72e7a8!important;border-color:#235f40!important}.level-2{background:#3d2c11!important;color:#ffc85d!important;border-color:#6c4b16!important}.level-3{background:#352041!important;color:#d995ff!important;border-color:#633a78!important}.item-body{padding:18px}.item-body h2{font-size:20px;margin:0 0 7px}.description{color:var(--muted);margin:0 0 15px;min-height:45px}.state{display:flex;flex-direction:column;gap:2px;padding:11px 12px;border-radius:11px;margin:14px 0}.state span{font-size:12px;color:#b7c0ca}.state.available{background:#10281d;border:1px solid #1d4c34}.state.borrowed{background:#35181b;border:1px solid #60252b}.state.grace{background:#352511;border:1px solid #68471a}.state.cooldown,.state.locked{background:#22262c;border:1px solid #343b45}.countdown{font-variant-numeric:tabular-nums;font-weight:900;color:#fff!important}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;padding:10px 15px;border-radius:10px;font-weight:850;cursor:pointer;transition:.15s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#1a1306;box-shadow:0 6px 20px rgba(242,165,26,.14)}.btn.secondary{background:#272d35;border-color:#39414c;color:#fff}.btn.ghost{background:transparent;border-color:var(--line);color:#c8d0da}.btn.discord{background:#5865f2;color:#fff}.btn.wide{width:100%}.btn.small{padding:6px 9px;font-size:12px}.notice,.flash{padding:13px 15px;border-radius:11px;border:1px solid var(--line);background:#1c2229;margin:14px 0}.notice.warning,.flash-warning{background:#332711;border-color:#604719}.notice.danger,.flash-error{background:#34191d;border-color:#682730}.flash-success{background:#132b20;border-color:#24543a}.auth-shell{min-height:calc(100vh - 190px);display:grid;place-items:center}.auth-card{width:min(520px,100%);background:var(--panel);border:1px solid var(--line);padding:30px;border-radius:20px;box-shadow:var(--shadow)}.auth-card h1{font-size:36px}.form-stack{display:flex;flex-direction:column;gap:14px}.form-stack label{display:flex;flex-direction:column;gap:6px;color:#c5ccd5;font-size:13px;font-weight:700}input,select,textarea{width:100%;border:1px solid #343b45;background:#111419;color:#fff;padding:11px 12px;border-radius:9px;outline:none}input:focus,select:focus,textarea:focus{border-color:#8d6419;box-shadow:0 0 0 3px rgba(242,165,26,.08)}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{flex-direction:row!important;align-items:center!important}.check input{width:auto}.auth-switch{text-align:center;color:var(--muted);margin:18px 0 0}.auth-switch a{color:var(--gold2);font-weight:800}.dashboard-grid{display:grid;gap:17px}.dashboard-grid.two{grid-template-columns:1fr 1fr}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.panel h2{margin:0 0 15px;font-size:19px}.stat-row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #252b33}.stat-row:last-child{border:0}.stat-row span{color:var(--muted)}.status-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#242a31;font-size:11px;font-weight:900;white-space:nowrap}.status-active{background:#133122;color:#75e6a8}.status-pending{background:#382b13;color:#ffd06c}.status-blocked{background:#3a191d;color:#ff8d95}.discord-card{display:flex;align-items:center;gap:12px;padding:12px;background:#111419;border-radius:12px}.discord-card img{width:46px;height:46px;border-radius:50%}.discord-card div{display:flex;flex-direction:column}.discord-card span{font-size:12px;color:var(--muted)}.rules{margin:0;padding-left:20px}.rules li{margin:8px 0;color:#bdc6d0}.top-gap{margin-top:17px}.table-wrap{overflow:auto}.table-wrap.panel{padding:0}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #252b33;vertical-align:middle}th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#7e8996;background:#13171c}td small{display:block;color:#788391;margin-top:2px}.empty{text-align:center;padding:54px 20px;color:#737d89;background:var(--panel);border:1px dashed #323944;border-radius:16px}.empty.small{padding:20px}.searchbar{display:flex;gap:10px;margin-bottom:15px}.searchbar input{max-width:520px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat-card,.action-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.stat-card{display:flex;flex-direction:column}.stat-card span,.stat-card small,.action-card span{color:var(--muted)}.stat-card strong{font-size:38px;line-height:1.2;margin:4px 0}.action-card{display:flex;flex-direction:column;gap:6px}.action-card:hover,.stat-card:hover{border-color:#5a4725;background:#1b1d20}.head-actions{display:flex;gap:9px}.admin-item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.admin-item-card{display:flex;gap:13px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px}.admin-item-card:hover{border-color:#5c4825}.admin-item-card.disabled{opacity:.5}.admin-item-card h3{margin:5px 0 0}.admin-item-card small{color:var(--muted)}.admin-thumb{width:75px;height:75px;border-radius:10px;background:#101318;display:grid;place-items:center;color:#47515e;overflow:hidden;font-size:32px;flex:0 0 auto}.admin-thumb img{width:100%;height:100%;object-fit:cover}.mini-level{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:900}.form-panel{max-width:760px}.current-image{display:flex;align-items:center;gap:12px;color:var(--muted)}.current-image img{width:90px;height:70px;object-fit:cover;border-radius:9px;border:1px solid var(--line)}@media(max-width:900px){.item-grid,.admin-item-grid{grid-template-columns:1fr 1fr}.dashboard-grid.two{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.hero{align-items:flex-start}.level-badge{min-width:110px}}@media(max-width:620px){.page{width:min(100% - 20px,1180px);padding-top:20px}.topbar{height:auto;min-height:64px;padding:10px 12px;align-items:flex-start;gap:12px}.topbar nav{gap:2px;flex-wrap:wrap;justify-content:flex-end}.topbar nav a{padding:7px 8px;font-size:12px}.hero{padding:22px!important;flex-direction:column}.item-grid,.admin-item-grid,.stat-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.head-actions{width:100%;flex-wrap:wrap}.searchbar{flex-direction:column}.auth-card{padding:22px}.toolbar{align-items:flex-start;flex-direction:column}} .verify-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 10px}.mono-small{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem;overflow-wrap:anywhere}.notice.success{border-color:rgba(58,194,112,.35);background:rgba(58,194,112,.08);color:#bdf3ce} .inline-link{color:var(--gold2);font-weight:850}.requirement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 20px}.requirement-card{background:linear-gradient(145deg,#1b2026,#15181d);border:1px solid var(--line);border-radius:15px;padding:18px;display:flex;flex-direction:column;gap:4px}.requirement-card span{color:var(--muted);font-size:12px}.requirement-card strong{font-size:22px}.application-result{max-width:720px}.application-result h2{font-size:28px;margin:5px 0 12px}.application-result.approved{border-color:#28573e}.application-result.pending{border-color:#655022}.application-form{max-width:820px}.application-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}.app-submitted{background:#382b13;color:#ffd06c}.app-approved{background:#133122;color:#75e6a8}.app-rejected{background:#3a191d;color:#ff8d95}.admin-filters{margin:0 0 15px}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.proof-card{display:flex;flex-direction:column;gap:10px;background:#111419;border:1px solid var(--line);border-radius:14px;padding:10px;overflow:hidden}.proof-card:hover{border-color:#785b24}.proof-card img{width:100%;height:300px;object-fit:contain;background:#090b0d;border-radius:9px}.proof-card strong{padding:2px 4px 5px}.application-note{margin-top:15px;padding:13px;background:#111419;border-radius:10px}.application-note span{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.application-note p{margin:6px 0 0}.decision-actions{display:flex;gap:10px;flex-wrap:wrap}.btn.danger-btn{background:#4a1d23;border-color:#7b2d37;color:#ffb0b6}.stat-grid.four{grid-template-columns:repeat(4,1fr)} @media(max-width:900px){.requirement-grid{grid-template-columns:1fr 1fr}.proof-grid{grid-template-columns:1fr}.stat-grid.four{grid-template-columns:1fr 1fr}} @media(max-width:620px){.requirement-grid,.stat-grid.four{grid-template-columns:1fr}.proof-card img{height:220px}} /* 0.2.1: Level-Voraussetzungen und Monatsgebühren */ .level-requirements-grid,.level-settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 20px}.level-requirement-card,.level-settings-card{background:linear-gradient(145deg,#1b2026,#13171c);border:1px solid var(--line);border-radius:16px;padding:18px}.level-settings-card{display:flex;flex-direction:column;gap:13px}.level-settings-head,.level-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.level-settings-head{margin-bottom:2px}.level-card-top>strong,.level-settings-head>strong{font-size:13px;color:#cbd3dd}.level-outline-1{border-color:#265a40}.level-outline-2{border-color:#6c4b16}.level-outline-3{border-color:#633a78}.requirement-line,.monthly-fee{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #252b33}.requirement-line span,.monthly-fee span{color:var(--muted);font-size:12px}.requirement-line strong,.monthly-fee strong{text-align:right}.monthly-fee{margin-top:4px;border-bottom:0;background:#111419;border-radius:10px;padding:11px}.monthly-fee strong{color:var(--gold2)}.settings-wide{max-width:none}.qualified{box-shadow:inset 0 0 0 1px rgba(75,209,144,.18)}.not-qualified{opacity:.68}.qualification-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}.qualification-pill.qualified{background:#133122;color:#75e6a8}.qualification-pill.not-qualified{background:#3a191d;color:#ff8d95}.profile-level-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #252b33}.profile-level-row:last-of-type{border-bottom:0}.profile-level-row>div{display:flex;flex-direction:column}.profile-level-row small{color:var(--muted)}.level-badge small{display:block;margin-top:4px;font-size:11px;font-weight:800;opacity:.9}.admin-level-summary{display:inline-block}.admin-level-checks{margin-bottom:8px} @media(max-width:900px){.level-requirements-grid,.level-settings-grid{grid-template-columns:1fr 1fr}} @media(max-width:620px){.level-requirements-grid,.level-settings-grid{grid-template-columns:1fr}} .level-badge.level-none{border-color:#5b6472;background:linear-gradient(135deg,rgba(91,100,114,.18),rgba(20,24,31,.92));color:#d9dee7}.level-badge.level-none span{font-size:.78rem;color:#929cab;text-transform:uppercase;letter-spacing:.08em}.level-badge.level-none strong{font-size:1.15rem} /* 0.2.3: öffentliche Landingpage */ .landing-hero{position:relative;min-height:570px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);align-items:center;gap:54px;padding:70px 58px;overflow:hidden;border:1px solid #42351e;border-radius:28px;background:radial-gradient(circle at 78% 28%,rgba(242,165,26,.13),transparent 30%),linear-gradient(135deg,#181b20 0%,#12151a 52%,#1c160b 100%);box-shadow:0 28px 80px rgba(0,0,0,.34)} .landing-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to right,transparent,black 45%,black);pointer-events:none}.landing-hero-copy{position:relative;z-index:2}.landing-hero h1{margin:10px 0 20px;font-size:clamp(48px,6.6vw,82px);line-height:.94;letter-spacing:-3.8px}.landing-hero h1 span{background:linear-gradient(90deg,#f4a91f,#ffd472 65%,#fff0b6);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-hero p{max-width:670px;margin:0;color:#abb4c0;font-size:17px;line-height:1.72}.landing-actions{display:flex;gap:11px;flex-wrap:wrap;align-items:center;margin-top:28px}.landing-primary{padding:13px 20px!important;box-shadow:0 10px 30px rgba(242,165,26,.16)}.landing-secondary{padding:13px 20px!important;background:#1a1f26!important}.landing-trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:#818b98;font-size:12px;font-weight:750}.landing-trust-row span:before{color:var(--green)} .landing-showcase{position:relative;height:430px;min-width:380px}.showcase-glow{position:absolute;width:330px;height:330px;right:30px;top:45px;border-radius:50%;background:radial-gradient(circle,rgba(242,165,26,.2),rgba(242,165,26,.04) 45%,transparent 70%);filter:blur(5px)}.showcase-card{position:absolute;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(31,36,44,.94),rgba(15,18,22,.96));box-shadow:0 26px 70px rgba(0,0,0,.42);backdrop-filter:blur(12px)}.showcase-main{right:38px;top:64px;width:275px;height:275px;border-radius:32px;padding:29px;transform:rotate(-2.5deg);z-index:3}.showcase-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#f5b12f,#ba7510);font-size:29px;color:#19130b;box-shadow:0 12px 28px rgba(242,165,26,.22)}.showcase-kicker{display:block;margin-top:27px;color:#8e98a6;font-size:10px;letter-spacing:2.2px;font-weight:900}.showcase-main strong{display:block;margin-top:3px;font-size:36px;letter-spacing:-1.5px}.showcase-main small{color:#8993a0}.showcase-status{position:absolute;left:28px;bottom:25px;font-size:11px;font-weight:800;color:#b7c1cc}.showcase-status i{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(75,209,144,.65)}.showcase-time{left:3px;top:25px;width:183px;padding:18px 19px;border-radius:18px;z-index:5;transform:rotate(-5deg)}.showcase-time span,.showcase-level span{display:block;color:#8c96a3;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;font-weight:850}.showcase-time strong{display:block;margin:3px 0;font:800 24px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:#fff}.showcase-time small,.showcase-level small{color:#69737f;font-size:10px}.showcase-level{right:-2px;bottom:19px;width:190px;padding:18px 19px;border-radius:18px;z-index:6;transform:rotate(4deg);border-color:rgba(185,103,225,.3)}.showcase-level strong{display:block;margin:4px 0 1px;color:#e1b7fa;font-size:20px;letter-spacing:.5px}.showcase-orbit{position:absolute;border:1px solid rgba(242,165,26,.12);border-radius:50%;pointer-events:none}.orbit-one{width:390px;height:390px;right:-8px;top:10px}.orbit-two{width:315px;height:315px;right:29px;top:48px;border-style:dashed;transform:rotate(22deg)} .landing-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 0 82px;border:1px solid var(--line);border-radius:18px;background:#111419;overflow:hidden}.landing-strip>div{display:flex;flex-direction:column;padding:20px 24px;border-right:1px solid var(--line)}.landing-strip>div:last-child{border-right:0}.landing-strip strong{font-size:25px;color:#f5c15e;letter-spacing:-.6px}.landing-strip span{font-size:11px;color:#78828e;text-transform:uppercase;letter-spacing:.55px;font-weight:800} .landing-section{margin:0 0 92px;scroll-margin-top:95px}.landing-section-head{max-width:760px;margin-bottom:28px}.landing-section-head h2,.rules-copy h2,.landing-cta h2{margin:7px 0 10px;font-size:clamp(30px,4.5vw,47px);line-height:1.05;letter-spacing:-1.8px}.landing-section-head p,.rules-copy>p,.landing-cta p{margin:0;color:#929caa;font-size:15px}.split-head{max-width:none;display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:55px}.split-head p{padding-bottom:5px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step-card{position:relative;min-height:225px;padding:26px 22px;background:linear-gradient(145deg,#181d23,#13171c);border:1px solid var(--line);border-radius:18px;overflow:hidden}.step-card:after{content:"";position:absolute;right:-35px;bottom:-45px;width:120px;height:120px;border-radius:50%;background:rgba(242,165,26,.035)}.step-number{position:absolute;top:18px;right:18px;color:#39414c;font-size:13px;font-weight:900;letter-spacing:1px}.step-icon{font-size:30px;height:54px}.step-card h3{margin:8px 0 7px;font-size:18px}.step-card p{margin:0;color:#858f9c;font-size:13px}.step-card:hover{border-color:#604a22;transform:translateY(-2px);transition:.2s} .level-landing-section{padding:36px;border:1px solid #2b3038;border-radius:25px;background:linear-gradient(150deg,#13171c,#101317)}.landing-level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.landing-level-card{position:relative;padding:22px;border:1px solid #303640;border-radius:19px;background:linear-gradient(150deg,#1b2026,#13171c);overflow:hidden}.landing-level-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.landing-level-1:before{background:#43c98a}.landing-level-2:before{background:#f0a526}.landing-level-3:before{background:#bd6be4}.landing-level-1{border-color:#274d3d}.landing-level-2{border-color:#59451e}.landing-level-3{border-color:#52345f}.landing-level-top{display:flex;align-items:center;justify-content:space-between}.landing-level-top span{color:#747e8b;font-size:10px;letter-spacing:1.5px;font-weight:900}.landing-level-top strong{font-size:38px;line-height:1}.landing-level-1 .landing-level-top strong{color:#73e8ad}.landing-level-2 .landing-level-top strong{color:#ffc75c}.landing-level-3 .landing-level-top strong{color:#dda0f8}.landing-level-card h3{margin:15px 0 17px;font-size:19px}.landing-level-requirements{border-top:1px solid #29303a}.landing-level-requirements>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #29303a}.landing-level-requirements span{color:#7e8895;font-size:11px}.landing-level-requirements strong{text-align:right;font-size:12px}.landing-level-price{margin-top:15px;padding:14px;border-radius:12px;background:#101318}.landing-level-price span,.landing-level-price small{display:block;color:#77818e;font-size:10px}.landing-level-price strong{display:block;color:#ffbe47;font-size:20px;margin:1px 0}.landing-level-items{margin-top:12px;color:#69737e;font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:800}.landing-level-note{margin:17px 0 0;color:#727d89;font-size:12px;text-align:center} .rules-landing-section{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.rules-visual{padding:32px;border:1px solid #323844;border-radius:22px;background:linear-gradient(145deg,#151a20,#101318)}.timeline-label{margin-bottom:10px;color:#737e8a;font-size:10px;letter-spacing:1.5px;font-weight:900}.timeline-track{display:grid;grid-template-columns:3fr .7fr 1.15fr;min-height:105px;border:1px solid #313842;border-radius:14px;overflow:hidden}.timeline-part{display:flex;justify-content:center;flex-direction:column;padding:16px;border-right:1px solid rgba(255,255,255,.08)}.timeline-part:last-child{border-right:0}.timeline-part strong{font-size:16px}.timeline-part span{color:#8b95a1;font-size:10px}.timeline-loan{background:linear-gradient(90deg,rgba(242,165,26,.16),rgba(242,165,26,.06))}.timeline-loan strong{color:#ffd26f}.timeline-return{background:rgba(240,146,56,.12)}.timeline-return strong{color:#ffb364}.timeline-free{background:rgba(75,209,144,.09)}.timeline-free strong{color:#7de9b1}.cooldown-callout{margin-top:15px;padding:16px;border-radius:13px;background:#171b21;border:1px solid #2b323b}.cooldown-callout span,.cooldown-callout small{display:block;color:#7f8995;font-size:10px}.cooldown-callout strong{display:block;margin:2px 0;color:#e2e7ec}.landing-checks{display:flex;flex-direction:column;gap:13px;padding:0;margin:24px 0 0;list-style:none}.landing-checks li{display:flex;gap:11px;align-items:flex-start;color:#b4bdc7}.landing-checks i{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;border-radius:50%;background:rgba(75,209,144,.1);color:#70dea6;font-style:normal;font-weight:900;font-size:11px} .landing-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 42px;margin-bottom:12px;border:1px solid #59451e;border-radius:22px;background:radial-gradient(circle at 85% 20%,rgba(242,165,26,.12),transparent 30%),linear-gradient(135deg,#1b1c1e,#18140c)}.landing-cta h2{font-size:35px}.landing-cta .landing-actions{margin-top:0;justify-content:flex-end} @media(max-width:980px){.landing-hero{grid-template-columns:1fr;padding:48px 40px}.landing-showcase{height:340px;min-width:0;max-width:520px;width:100%;margin:0 auto}.showcase-main{right:70px;top:32px}.showcase-time{left:25px;top:5px}.showcase-level{right:20px;bottom:2px}.orbit-one{right:20px;top:-10px}.orbit-two{right:58px;top:28px}.landing-strip{grid-template-columns:1fr 1fr}.landing-strip>div:nth-child(2){border-right:0}.landing-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.steps-grid,.landing-level-grid{grid-template-columns:1fr 1fr}.landing-level-card:last-child{grid-column:1/-1}.split-head,.rules-landing-section{grid-template-columns:1fr;gap:30px}.landing-cta{align-items:flex-start;flex-direction:column}.landing-cta .landing-actions{justify-content:flex-start}} @media(max-width:650px){.landing-hero{min-height:0;padding:34px 24px;border-radius:20px}.landing-hero h1{font-size:48px;letter-spacing:-2.7px}.landing-hero p{font-size:15px}.landing-showcase{height:300px;transform:scale(.9);transform-origin:center top;margin-bottom:-28px}.showcase-main{right:32px}.showcase-time{left:0}.showcase-level{right:0}.orbit-one{right:-18px}.orbit-two{right:20px}.landing-trust-row{gap:8px 14px}.landing-strip{margin-bottom:62px}.landing-strip>div{padding:16px}.landing-strip strong{font-size:21px}.steps-grid,.landing-level-grid{grid-template-columns:1fr}.landing-level-card:last-child{grid-column:auto}.level-landing-section{padding:22px}.landing-section{margin-bottom:64px}.timeline-track{grid-template-columns:1fr}.timeline-part{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.timeline-part:last-child{border-bottom:0}.landing-cta{padding:28px 24px}.landing-actions{width:100%}.landing-actions .btn{flex:1;text-align:center;justify-content:center}} @media(max-width:620px){.public-nav-extra{display:none}} /* 0.2.7 - manuelle InGame-Minecraft-Verifizierung */ .ingame-verification-box{padding:16px;border:1px solid #5a431e;background:linear-gradient(180deg,#1c170d,#15130e);border-radius:14px}.ingame-verification-box h3{margin:5px 0 8px}.verification-admin-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}.verification-admin-chip{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;border:1px solid #6b4e1e;background:#241b0d;color:#ffd36f;font-weight:900;font-size:13px}.verification-settings-card{margin-top:8px}.minecraft-panel .form-row{align-items:end} /* 0.2.9 Browser-Erinnerungen */ .push-panel { position: relative; overflow: hidden; } .push-panel::after { content: '🔔'; position: absolute; right: -10px; top: -18px; font-size: 92px; opacity: .035; pointer-events: none; } .push-panel-title { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; } .push-panel-title h2 { margin-top: 3px; } .push-device-count { border:1px solid #39424e; background:#11161c; color:#aeb9c7; padding:6px 9px; border-radius:999px; font-size:12px; white-space:nowrap; } .push-status { margin-top:14px; padding:11px 13px; border-radius:10px; border:1px solid #35404c; background:#11171d; color:#aeb8c4; font-size:14px; } .push-status.active { border-color:#236c49; color:#b8f5d4; background:#0e2118; } .push-status.blocked { border-color:#81434a; color:#ffd0d4; background:#281316; } .push-status.unsupported { border-color:#705e2f; color:#ffe7a3; background:#241e10; } .push-actions { display:flex; gap:9px; flex-wrap:wrap; align-items:center; } .push-actions form { margin:0; } .push-preferences { border-top:1px solid #2a313a; padding-top:15px; display:grid; gap:10px; } .check-row { display:flex; align-items:flex-start; gap:11px; padding:10px 11px; border:1px solid #2a333d; border-radius:10px; background:#12171d; cursor:pointer; } .check-row input { margin-top:3px; accent-color:#ffad2f; width:17px; height:17px; flex:0 0 auto; } .check-row span { display:grid; gap:2px; } .check-row strong { font-size:14px; color:#f2f5f7; } .check-row small { color:#8d9aaa; line-height:1.35; } @media (max-width: 620px) { .push-panel-title { flex-direction:column; } .push-actions .btn { width:100%; } .push-actions form { width:100%; } .push-actions form .btn { width:100%; } } .code-box { margin:14px 0; padding:13px 15px; border:1px solid #34404b; border-radius:10px; background:#0c1116; overflow:auto; } .code-box code { color:#ffd085; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; white-space:nowrap; } /* 0.3.0: 30-Tage-Gebuehrenverwaltung */ .fee-status{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .58rem;border-radius:999px;font-size:.78rem;font-weight:800;line-height:1;border:1px solid transparent;white-space:nowrap} .fee-status-success{color:#80f0ad;background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.3)} .fee-status-warning{color:#ffd36b;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.32)} .fee-status-danger{color:#ff8d8d;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.34)} .fee-status-neutral{color:var(--muted);background:rgba(148,163,184,.08);border-color:rgba(148,163,184,.2)} .fee-filters{display:flex;gap:.55rem;flex-wrap:wrap} .fee-filters .filter{text-decoration:none} .fee-actions{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center} .inline-fee-form{display:inline-flex;margin:0} .fees-table td{vertical-align:middle} .fees-table td small{display:block;margin-top:.35rem;color:var(--muted)} .fee-row-overdue td:first-child{box-shadow:inset 3px 0 0 #ef4444} .fee-row-unpaid td:first-child{box-shadow:inset 3px 0 0 #f97316} .fee-row-due_soon td:first-child{box-shadow:inset 3px 0 0 #f59e0b} .fee-stat-grid .fee-overdue{border-color:rgba(239,68,68,.35)} .fee-stat-grid .fee-soon{border-color:rgba(245,158,11,.35)} .fee-stat-grid .fee-alert{border-color:rgba(249,115,22,.35)} .admin-fee-alert .inline-link{font-weight:800;margin-left:.35rem} .fee-admin-panel .fee-status{font-size:.82rem} @media (max-width:780px){.fee-actions{min-width:190px}.fees-table{min-width:900px}} /* 0.3.3: Gebuehren-Push, temporaere Item-Sperren, Admin-Protokoll */ .state.unavailable{background:#2f2412;border:1px solid #6a4b1a}.state.unavailable strong{color:#ffc96b} .availability-admin-box{display:grid;gap:12px;padding:14px;border:1px solid #4c3b1c;background:#1b170f;border-radius:12px}.availability-admin-box .check small{display:block;color:var(--muted);font-weight:500;margin-top:2px} .admin-item-card.temporarily-unavailable{border-color:#6a4b1a;background:linear-gradient(135deg,#1d1a14,#17191d)} .activity-filters{display:flex;gap:7px;flex-wrap:wrap}.activity-filters .filter{text-decoration:none} .activity-list{display:grid;gap:0}.activity-entry{display:grid;grid-template-columns:145px minmax(0,1fr) 170px;gap:16px;align-items:start;padding:14px 0;border-bottom:1px solid #252b33}.activity-entry:last-child{border-bottom:0}.activity-time{color:#7f8996;font-variant-numeric:tabular-nums;font-size:12px}.activity-main{display:grid;gap:3px}.activity-main strong{color:#f5f7f8}.activity-main span{color:#d2d8df}.activity-main small{color:#8994a1}.activity-admin{text-align:right;color:#aab4c0;font-size:12px} @media(max-width:760px){.activity-entry{grid-template-columns:1fr;gap:5px}.activity-admin{text-align:left}} /* 0.4.0 – Editionen, Kurzleihe, Rückgabe, Meldungen, Tagesleihe */ .toolbar-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap} .scope-chip,.item-scope{display:inline-flex;align-items:center;gap:5px;border:1px solid #334155;background:#111827;color:#cbd5e1;border-radius:999px;padding:5px 9px;font-size:.76rem;font-weight:700} .item-scope{position:absolute;left:14px;bottom:14px;background:rgba(10,14,20,.9);backdrop-filter:blur(4px)} .borrow-duration-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px} .missing-report-form{text-align:center;margin-top:9px} .btn-link{border:0;background:none;padding:4px 0;cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:3px} .danger-link{color:#fca5a5} .day-reservation-link{display:block;text-align:center;margin-top:9px;color:#facc15;font-size:.84rem;text-decoration:none} .day-reservation-link:hover{text-decoration:underline} .state.reserved{border-color:#4f46e5;background:rgba(49,46,129,.2);color:#c7d2fe} .locked-account-box{border:1px solid #355170;border-radius:14px;padding:16px;background:rgba(20,35,55,.45)} .locked-account-box strong{display:block;color:#dbeafe;margin-bottom:6px} .locked-account-box p{margin:0;color:#9fb3c8;font-size:.9rem} .panel-title-row,.report-head,.button-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .reservation-item-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px} .reservation-item{border:1px solid #2a3340;border-radius:16px;background:#12171e;padding:18px;display:grid;gap:18px} .reservation-item h3{margin:9px 0 5px} .reservation-item p{color:#9fb0c4;margin:0} .reservation-fee{display:block;color:#facc15;margin-top:12px} .compact-form{gap:9px} .report-card{margin-bottom:14px} .report-card.report-open{border-color:#7f1d1d;box-shadow:0 0 0 1px rgba(239,68,68,.12) inset} .compact-grid{gap:12px} .inline-admin-form{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:3px 0} .inline-admin-form input[type=text]{min-width:180px} .actions-cell{min-width:260px} .item-card .item-image-wrap{position:relative} .form-stack .availability-admin-box + .availability-admin-box{margin-top:0} @media(max-width:700px){ .borrow-duration-buttons{grid-template-columns:1fr} .button-row{align-items:stretch} .button-row .btn{width:100%} .inline-admin-form{align-items:stretch} .inline-admin-form input[type=text],.inline-admin-form .btn{width:100%} } /* 0.4.1 – aufgeräumte Item-Aktionen */ .item-borrow-panel{margin-top:14px;padding:12px;border:1px solid #2b333d;border-radius:13px;background:#12171d} .item-action-caption{margin:0 0 8px;color:#8f9aa8;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.7px} .borrow-form{margin:0} .borrow-duration-buttons{display:grid;grid-template-columns:1fr 1.2fr;gap:8px} .borrow-choice{min-width:0;min-height:58px;border:1px solid #3a424d;border-radius:11px;padding:8px 11px;background:#252b33;color:#f4f6f8;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s} .borrow-choice:hover{transform:translateY(-1px);border-color:#667180;background:#2c333d} .borrow-choice.standard{border-color:#d58b18;background:linear-gradient(180deg,#ffc34e,#f1a31b);color:#1b1306;box-shadow:0 8px 20px rgba(242,165,26,.12)} .borrow-choice.standard:hover{border-color:#ffd06b;background:linear-gradient(180deg,#ffd067,#f7ad28)} .borrow-choice.single{width:100%;align-items:center;text-align:center} .borrow-choice-time{font-size:.98rem;font-weight:950;line-height:1.15} .borrow-choice-label{margin-top:3px;font-size:.69rem;font-weight:750;opacity:.72} .item-more-actions{margin-top:10px;border:1px solid #29313b;border-radius:13px;background:#101419;overflow:hidden} .item-option-row{width:100%;min-height:54px;border:0;background:transparent;color:#dce2e8;padding:9px 11px;display:grid;grid-template-columns:28px minmax(0,1fr) auto 14px;gap:9px;align-items:center;text-align:left;cursor:pointer;text-decoration:none!important;transition:background .15s} .item-option-row:hover{background:#181e25} .item-option-row + .item-option-row,.missing-report-form{border-top:1px solid #252c35} .item-option-icon{width:28px;height:28px;border-radius:8px;background:#232a33;display:grid;place-items:center;font-size:.92rem} .reservation-option .item-option-icon{background:#33270e} .report-option .item-option-icon{background:#2c1b1d;color:#ff9da3} .item-option-copy{min-width:0;display:flex;flex-direction:column;line-height:1.2} .item-option-copy strong{font-size:.82rem;color:#eef2f5} .item-option-copy small{margin-top:3px;color:#7f8b99;font-size:.69rem;white-space:normal} .item-option-price{padding:5px 7px;border-radius:999px;background:#2c230f;color:#ffd46d;font-size:.68rem;font-weight:900;white-space:nowrap} .item-option-arrow{color:#66717d;font-size:1.25rem;line-height:1} .missing-report-form{margin:0;text-align:initial} .missing-report-form .item-option-row{grid-template-columns:28px minmax(0,1fr) 14px} .item-scope{left:12px;bottom:auto;top:12px;max-width:165px;padding:5px 9px;background:rgba(9,13,18,.82);border-color:rgba(255,255,255,.12);color:#d8dee6;backdrop-filter:blur(8px);box-shadow:0 4px 16px rgba(0,0,0,.18)} @media(max-width:700px){.borrow-duration-buttons{grid-template-columns:1fr 1.2fr}.item-option-row{grid-template-columns:28px minmax(0,1fr) auto 14px}.item-option-copy small{font-size:.66rem}} @media(max-width:390px){.borrow-duration-buttons{grid-template-columns:1fr}.item-option-row{grid-template-columns:28px minmax(0,1fr) 14px}.item-option-price{grid-column:2/3;justify-self:start;margin-top:-4px}.reservation-option .item-option-arrow{grid-column:3;grid-row:1/3}} /* 0.4.2 – Itemaktionen ruhiger, große Leihbuttons, luftige Tagesleihe */ .item-borrow-panel{margin-top:14px;padding:0;border:0;background:transparent;border-radius:0} .item-action-caption{margin:0 0 8px;color:#98a3b1;font-size:.74rem;font-weight:800;text-transform:none;letter-spacing:0} .borrow-duration-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px} .borrow-main-btn{min-height:48px;width:100%;font-size:.9rem;border-radius:10px;white-space:nowrap} .day-reservation-card{margin-top:10px;width:100%;padding:11px 12px;border:1px solid #554019;border-radius:12px;background:linear-gradient(135deg,#211b10,#17191d);display:grid;grid-template-columns:34px minmax(0,1fr) 18px;gap:10px;align-items:center;color:#eef2f5;text-decoration:none!important;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s} .day-reservation-card:hover{transform:translateY(-1px);border-color:#8b681f;background:linear-gradient(135deg,#2a2110,#1a1c20);box-shadow:0 8px 20px rgba(0,0,0,.12)} .day-reservation-icon{width:34px;height:34px;border-radius:9px;background:#35280e;display:grid;place-items:center;font-size:1rem} .day-reservation-content{min-width:0;display:flex;flex-direction:column;align-items:flex-start;line-height:1.2} .day-reservation-content strong{font-size:.9rem;color:#fff} .day-reservation-content small{margin-top:3px;color:#9da7b4;font-size:.71rem;line-height:1.35;white-space:normal} .day-reservation-price{display:inline-flex;margin-top:7px;padding:4px 8px;border-radius:999px;background:#3a2c0d;color:#ffd56f;font-size:.69rem;font-weight:900;white-space:nowrap} .day-reservation-arrow{color:#9c7a2b;font-size:1.45rem;line-height:1} .compact-report{margin-top:8px;text-align:left;border:0} .missing-report-link{border:0;background:transparent;color:#8e99a7;padding:5px 2px;cursor:pointer;font:inherit;font-size:.74rem;text-align:left} .missing-report-link span{color:#b7c0ca;text-decoration:underline;text-underline-offset:3px} .missing-report-link:hover{color:#ff9ca4}.missing-report-link:hover span{color:#ffb4ba} @media(max-width:390px){.borrow-duration-buttons{grid-template-columns:1fr 1fr}.borrow-main-btn{font-size:.82rem;padding-inline:8px}.day-reservation-card{grid-template-columns:32px minmax(0,1fr) 16px;padding:10px}.day-reservation-icon{width:32px;height:32px}.day-reservation-content small{font-size:.68rem}} /* 0.4.3 – kompakte Zusatzaktionen auf Itemkarten */ .item-quick-actions{margin-top:9px;display:grid;grid-template-columns:1fr;gap:7px} .item-quick-actions.two{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)} .item-quick-form{margin:0;min-width:0} .item-quick-btn{width:100%;min-width:0;max-width:100%;min-height:44px;overflow:hidden;border:1px solid #39424e;border-radius:10px;background:linear-gradient(180deg,#20262e,#191f26);color:#eef2f6;padding:7px 10px;display:flex;align-items:center;justify-content:space-between;gap:7px;text-decoration:none!important;cursor:pointer;font:inherit;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s} .item-quick-btn:hover{transform:translateY(-1px);border-color:#5a6675;background:linear-gradient(180deg,#272e37,#1e252d);box-shadow:0 7px 16px rgba(0,0,0,.13)} .item-quick-btn.day{border-color:#5c471c;background:linear-gradient(180deg,#262014,#1b1a17)} .item-quick-btn.day:hover{border-color:#967126;background:linear-gradient(180deg,#302716,#201e19)} .item-quick-btn.report{border-color:#49363a;background:linear-gradient(180deg,#211c20,#19191d)} .item-quick-btn.report:hover{border-color:#7b4b53;background:linear-gradient(180deg,#2a2024,#1f1b20)} .item-quick-title{min-width:0;font-size:.77rem;font-weight:900;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .item-quick-meta{flex:0 0 auto;max-width:58%;padding:3px 6px;overflow:hidden;text-overflow:ellipsis;border-radius:999px;background:#2b323b;color:#b8c2cd;font-size:.62rem;font-weight:850;line-height:1;white-space:nowrap} .item-quick-btn.day .item-quick-meta{background:#3a2c0d;color:#ffd36a} .item-quick-btn.report .item-quick-meta{background:#321f23;color:#ffb2ba} @media(max-width:370px){.item-quick-actions.two{grid-template-columns:1fr}.item-quick-btn{min-height:42px}.item-quick-meta{max-width:none}} /* 0.4.5 – Zusatzbuttons ohne abgeschnittenen Text */ .item-quick-actions.two{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)} .item-quick-btn.report{padding-left:8px;padding-right:7px;gap:4px} .item-quick-btn.report .item-quick-title{font-size:.72rem;overflow:visible;text-overflow:clip;white-space:nowrap} .item-quick-btn.report .item-quick-meta{font-size:.58rem;padding:3px 5px;max-width:none} @media(max-width:390px){ .item-quick-actions.two{grid-template-columns:1fr} .item-quick-btn.report .item-quick-title{font-size:.76rem} } /* 0.4.6 – Regeln, Datenschutz und Registrierungsbestätigung */ .footer{display:flex;flex-direction:column;gap:7px;align-items:center} .footer-links{display:flex;gap:14px;font-size:.82rem}.footer-links a{color:#9ca6b4}.footer-links a:hover{color:#ffd279} .legal-register-box{border:1px solid #323a45;border-radius:12px;padding:12px;background:#11151a;display:flex;flex-direction:column;gap:11px} .legal-check{display:grid!important;grid-template-columns:20px minmax(0,1fr);gap:9px!important;align-items:start!important;font-weight:600!important;line-height:1.4}.legal-check input{width:18px;height:18px;margin:2px 0 0}.legal-check a{color:#ffd36d;text-decoration:underline;text-underline-offset:2px} .legal-hero{padding:30px 34px;margin-bottom:18px;border:1px solid #3a311d;border-radius:20px;background:linear-gradient(135deg,#1b1d20,#1c180e)}.legal-hero h1{font-size:clamp(32px,5vw,48px);line-height:1.06;margin:5px 0 10px}.legal-hero p{color:#aab3bf;margin:0;max-width:850px} .legal-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;align-items:start}.legal-toc{position:sticky;top:90px;display:flex;flex-direction:column;gap:3px;padding:15px}.legal-toc strong{padding:4px 8px 9px}.legal-toc a{padding:7px 8px;border-radius:8px;color:#9ba6b3;font-size:.82rem}.legal-toc a:hover{background:#20262e;color:#fff}.legal-sections{display:flex;flex-direction:column;gap:14px}.legal-section{position:relative;padding:23px 24px 23px 74px;scroll-margin-top:92px}.legal-number{position:absolute;left:20px;top:21px;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#27210f;border:1px solid #5f481a;color:#ffd36d;font-size:.76rem;font-weight:950}.legal-section h2{font-size:1.25rem;margin:0 0 11px}.legal-section h3{font-size:1rem;margin:17px 0 5px;color:#f2cf82}.legal-section p{color:#b6c0ca;margin:9px 0}.legal-section ul{margin:8px 0;padding-left:20px}.legal-section li{margin:7px 0;color:#b6c0ca}.legal-address{font-style:normal;color:#d7dde4;line-height:1.7}.legal-address a{color:#ffd36d}.legal-consent-shell{min-height:calc(100vh - 220px)}.legal-consent-card{width:min(650px,100%)}.legal-version-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.legal-version-cards a{border:1px solid #313944;border-radius:11px;padding:12px;background:#11151a;display:flex;flex-direction:column}.legal-version-cards a strong{font-size:.9rem}.legal-version-cards a span{font-size:.75rem;color:#8e99a6;margin-top:3px} @media(max-width:820px){.legal-layout{grid-template-columns:1fr}.legal-toc{position:static;display:none}.legal-section{padding:20px}.legal-number{position:static;width:auto;height:auto;display:inline-flex;padding:4px 7px;margin-bottom:8px}.legal-version-cards{grid-template-columns:1fr}} /* 0.4.8 – luftiges Inhaltsverzeichnis für Regeln & Datenschutz */ .legal-layout{display:block!important} .legal-toc{position:static!important;display:block!important;padding:17px 18px!important;margin:0 0 16px!important} .legal-toc>strong{display:block;padding:0 2px 11px!important;color:#f2f5f7;font-size:.9rem;font-weight:950} .legal-toc-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px} .legal-toc-links a{display:flex!important;align-items:center;min-height:40px;padding:9px 11px!important;border:1px solid #303843;border-radius:10px!important;background:#11161c;color:#b9c2cc!important;font-size:.78rem!important;font-weight:750;line-height:1.25;text-decoration:none!important;transition:border-color .15s,background .15s,color .15s,transform .15s} .legal-toc-links a:hover{background:#1d242c!important;border-color:#5c6876;color:#fff!important;transform:translateY(-1px)} .legal-sections{margin-top:0} @media(max-width:1100px){.legal-toc-links{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:720px){.legal-toc{display:block!important}.legal-toc-links{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:470px){.legal-toc-links{grid-template-columns:1fr}.legal-toc-links a{min-height:38px}} /* 0.4.9 · VIP & Umsatz */ .vip-badge{border-color:#8a5bb0;background:linear-gradient(135deg,rgba(113,55,145,.34),rgba(34,19,43,.96));color:#f3d5ff;box-shadow:0 12px 35px rgba(83,38,111,.22)} .vip-badge strong{color:#fff1a8}.vip-badge small{color:#e8c9ff} .vip-mini{background:linear-gradient(135deg,#6c3586,#3b2149);color:#ffd978;border:1px solid rgba(255,217,120,.28)} .fee-status-vip{color:#f2d6ff;background:rgba(147,51,234,.13);border-color:rgba(192,132,252,.3)} .vip-notice{background:linear-gradient(135deg,rgba(100,48,128,.22),rgba(49,31,58,.35));border-color:rgba(192,132,252,.28);color:#ead8f5} .vip-notice.compact{padding:10px 12px;margin:6px 0} .vip-admin-check{padding:13px 14px;border:1px solid rgba(192,132,252,.26);border-radius:12px;background:rgba(126,54,156,.08)} .vip-admin-check span{display:flex;flex-direction:column;gap:3px}.vip-admin-check small{color:var(--muted);font-weight:500} .revenue-action-card{border-color:rgba(242,165,26,.32)} .revenue-stats .stat-card strong{font-size:28px}.revenue-stats .stat-card small{line-height:1.45} .revenue-type{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap;background:#252b33;color:#dbe2eb} .revenue-type.membership{background:rgba(242,165,26,.12);color:#ffd26f}.revenue-type.day{background:rgba(99,102,241,.13);color:#bfc2ff} /* PWA / mobile app shell */ .pwa-install-card{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:80;width:min(520px,calc(100% - 24px));display:grid;grid-template-columns:auto 1fr auto auto;gap:11px;align-items:center;padding:12px 12px 12px 14px;border:1px solid #4d3b18;border-radius:16px;background:rgba(23,27,33,.97);box-shadow:0 18px 60px rgba(0,0,0,.42);backdrop-filter:blur(18px)}.pwa-install-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f2a51a;color:#1a1306;font-size:22px}.pwa-install-card strong{display:block}.pwa-install-card span{display:block;color:var(--muted);font-size:12px}.pwa-install-action{border:0;border-radius:9px;padding:9px 11px;background:var(--gold);color:#181208;font-weight:900;cursor:pointer}.pwa-install-close{border:0;background:transparent;color:#8993a0;font-size:24px;line-height:1;cursor:pointer;padding:4px}.pwa-ios-help{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.62);display:grid;place-items:end center;padding:18px}.pwa-ios-help-box{width:min(500px,100%);background:#171b21;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.pwa-ios-help-box strong{font-size:19px}.pwa-ios-help-box p{color:var(--muted)}.pwa-ios-help-box button{width:100%;border:0;border-radius:10px;background:var(--gold);color:#181208;font-weight:900;padding:11px;cursor:pointer}.mobile-app-nav{display:none} @media(max-width:720px){body[data-push-user="1"]{padding-bottom:76px}.mobile-app-nav{position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:70;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px;border:1px solid #323943;border-radius:17px;background:rgba(17,20,25,.94);box-shadow:0 14px 44px rgba(0,0,0,.38);backdrop-filter:blur(18px)}.mobile-app-nav a{display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 6px;border-radius:11px;color:#aab3be;font-size:10px;font-weight:800}.mobile-app-nav a span{font-size:18px;line-height:1.1}.mobile-app-nav a:active,.mobile-app-nav a:hover{background:#282216;color:#ffd271}.pwa-install-card{bottom:86px;grid-template-columns:auto 1fr auto}.pwa-install-close{position:absolute;right:5px;top:3px}.pwa-install-action{grid-column:3}.footer{padding-bottom:32px}} @media(display-mode:standalone){.topbar{padding-top:max(10px,env(safe-area-inset-top))}.pwa-install-card{display:none!important}body{overscroll-behavior-y:none}} /* 0.5.3 · Mehrfach-Items & Itembild-Galerie */ .item-quantity-field{max-width:420px} .item-quantity-field input{font-size:1.05rem;font-weight:850} .item-image-admin-box{border:1px solid #313943;border-radius:14px;padding:15px;background:linear-gradient(180deg,#13181e,#101419);display:flex;flex-direction:column;gap:13px} .item-image-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.item-image-admin-head strong{display:block;font-size:.95rem}.item-image-admin-head span{display:block;margin-top:3px;color:#8f99a6;font-size:.75rem;line-height:1.35} .item-upload-label{margin:0!important}.image-library-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:2px}.image-library-title strong{font-size:.82rem}.image-library-title span{font-size:.7rem;color:#8d97a3} .item-image-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:9px;max-height:330px;overflow:auto;padding:2px 3px 3px 1px} .image-library-choice{position:relative;display:block!important;margin:0!important;cursor:pointer}.image-library-choice>input{position:absolute;opacity:0;pointer-events:none} .image-library-card{position:relative;display:flex;height:88px;border:2px solid #303944;border-radius:11px;overflow:hidden;background:#0c1014;align-items:center;justify-content:center;transition:border-color .15s,transform .15s,box-shadow .15s} .image-library-card img{width:100%;height:100%;object-fit:cover;display:block}.image-library-choice:hover .image-library-card{transform:translateY(-1px);border-color:#5b6775} .image-library-choice>input:checked + .image-library-card{border-color:#e7a929;box-shadow:0 0 0 2px rgba(231,169,41,.14),0 8px 20px rgba(0,0,0,.18)} .image-library-check{position:absolute;right:5px;top:5px;width:21px;height:21px;border-radius:999px;display:grid;place-items:center;background:#e7a929;color:#171008;font-size:.72rem;font-weight:950;opacity:0;transform:scale(.8);transition:opacity .15s,transform .15s}.image-library-choice>input:checked + .image-library-card .image-library-check{opacity:1;transform:scale(1)} .clear-choice .image-library-card{flex-direction:column;gap:5px;color:#8e99a6;text-align:center;padding:8px}.image-library-clear{font-size:1.3rem;color:#6f7a87}.clear-choice small{font-size:.65rem;line-height:1.15}.clear-choice>input:checked + .image-library-card{color:#f0c96d}.clear-choice>input:checked + .image-library-card .image-library-clear{color:#e7a929} .image-library-empty{padding:11px 12px;border:1px dashed #323b46;border-radius:10px;color:#818d9a;font-size:.76rem;background:#0d1116} @media(max-width:520px){.item-image-library{grid-template-columns:repeat(3,minmax(0,1fr));max-height:300px}.image-library-card{height:82px}.image-library-title{align-items:flex-start;flex-direction:column;gap:2px}} /* 0.5.4 Itemsuche */ .item-search-panel{display:flex;align-items:center;gap:14px;margin:26px 0 10px}.item-search-box{position:relative;flex:1;max-width:620px}.item-search-box input{height:48px;padding:11px 46px 11px 44px;border-radius:14px;background:linear-gradient(180deg,#15191f,#111419);border-color:#343b45;font-size:15px}.item-search-box input:focus{border-color:#8d6419;box-shadow:0 0 0 3px rgba(242,165,26,.09),0 10px 30px rgba(0,0,0,.12)}.item-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:22px;line-height:1;color:#d5a94d;pointer-events:none}.item-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:9px;background:#252b33;color:#aeb7c2;font-size:22px;line-height:1;cursor:pointer}.item-search-clear:hover{background:#343b45;color:#fff}.item-search-help{color:var(--muted);font-size:12px;white-space:nowrap}.item-search-empty{margin-top:17px;display:flex;flex-direction:column;gap:5px}.item-search-empty[hidden]{display:none}.item-search-empty strong{color:#d5dde6;font-size:17px}.toolbar{margin-top:10px}@media(max-width:700px){.item-search-panel{align-items:stretch;flex-direction:column;gap:7px}.item-search-box{max-width:none}.item-search-help{padding-left:3px}.item-search-box input{height:46px}} /* Leihbude 0.5.5 – interne Verleiher-/Bestandsübersicht */ .provider-line{margin-top:5px!important;color:#aab4c0!important}.provider-line strong{color:#f0c467}.provider-stats{margin-top:0}.provider-stat-warning{border-color:#6b4c14;background:#241d11}.provider-admin-list{display:flex;flex-direction:column;gap:18px}.provider-admin-card{padding:0;overflow:hidden}.provider-section-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px}.provider-section-head h2{margin:2px 0 0}.provider-section-head p{margin:3px 0 0;color:var(--muted)}.provider-mini-stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.provider-mini-stats span{display:flex;gap:6px;align-items:center;padding:7px 10px;border:1px solid var(--line);background:#111419;border-radius:999px;color:var(--muted);font-size:12px}.provider-mini-stats b{color:#fff}.provider-table-wrap{border-top:1px solid var(--line)}.provider-table-wrap table{min-width:850px}.provider-unassigned{border-color:#604719;background:#201a10}.provider-unassigned-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.provider-unassigned-item{display:grid;grid-template-columns:1fr auto;gap:2px 14px;align-items:center;padding:12px 14px;border:1px solid #4a381a;border-radius:11px;background:#16130d}.provider-unassigned-item:hover{border-color:#8b661f}.provider-unassigned-item strong{grid-column:1}.provider-unassigned-item span{grid-column:1;color:var(--muted);font-size:12px}.provider-unassigned-item b{grid-column:2;grid-row:1/3;color:var(--gold2);font-size:12px}.provider-action-card{border-color:#3f4937} @media(max-width:760px){.provider-section-head{align-items:flex-start;flex-direction:column}.provider-mini-stats{justify-content:flex-start}.provider-unassigned-list{grid-template-columns:1fr}.provider-stats{grid-template-columns:1fr 1fr}} @media(max-width:460px){.provider-stats{grid-template-columns:1fr}} /* 0.5.6 Item-Kategorien */ .category-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border:1px solid #3d4651;border-radius:999px;background:#161b21;color:#d6dde5;font-size:11px;font-weight:850;line-height:1.1;vertical-align:middle}.item-category-line{margin:-1px 0 9px}.item-category-line .category-chip{border-color:#4d3d20;background:#1e190f;color:#efc66d} .category-filter-bar{display:flex;align-items:center;gap:12px;margin:12px 0 20px;padding:11px 12px;border:1px solid #2c333c;border-radius:14px;background:#11151a}.category-filter-label{flex:0 0 auto;color:#8994a1;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:900}.category-filter-scroll{display:flex;align-items:center;gap:7px;overflow-x:auto;padding:1px 2px;scrollbar-width:thin}.category-filter{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid #343c46;border-radius:999px;background:#171c22;color:#abb5c0;padding:7px 10px;font:800 12px/1 inherit;cursor:pointer}.category-filter span{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#242b33;color:#8f9aa7;font-size:10px}.category-filter:hover{border-color:#665025;color:#f0d28b}.category-filter.active{border-color:#8b651c;background:#2a2110;color:#ffd77c;box-shadow:0 0 0 2px rgba(242,165,26,.06)}.category-filter.active span{background:#4a3611;color:#ffd77c} .category-admin-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;align-items:start}.category-editor{position:sticky;top:18px}.category-list-panel{padding:0;overflow:hidden}.category-list-panel .panel-head{padding:18px 20px;border-bottom:1px solid var(--line)}.category-list-panel h2{margin:3px 0 0}.category-admin-list{display:flex;flex-direction:column}.category-admin-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:13px;align-items:center;padding:13px 16px;border-bottom:1px solid #252b33}.category-admin-row:last-child{border-bottom:0}.category-admin-order{display:grid;place-items:center;width:40px;height:34px;border:1px solid #3b444e;border-radius:9px;background:#12171c;color:#d0a950;font-weight:900}.category-admin-main{display:flex;flex-direction:column;gap:2px}.category-admin-main strong{color:#f1f4f6}.category-admin-main span{color:var(--muted);font-size:12px}.category-admin-actions{display:flex;align-items:center;gap:7px}.category-admin-actions form{margin:0}.category-action-card{border-color:#454b2f} @media(max-width:820px){.category-admin-layout{grid-template-columns:1fr}.category-editor{position:static}.category-admin-row{grid-template-columns:44px 1fr}.category-admin-actions{grid-column:1/3;justify-content:flex-end}.category-filter-bar{align-items:flex-start;flex-direction:column;gap:7px}.category-filter-scroll{width:100%}} /* 0.5.8 – kompakter Itemkatalog + unverzerrte Bilder */ @media (min-width:1100px){ .item-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px} } @media (min-width:900px) and (max-width:1099px){ .item-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} } @media (min-width:700px) and (max-width:899px){ .item-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} } @media (min-width:480px) and (max-width:699px){ .item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px} } @media (max-width:479px){ .item-grid{grid-template-columns:1fr;gap:12px} } .item-card{border-radius:15px} .item-card .item-image-wrap{height:145px;background:#11151a} .item-card .item-image{width:100%;height:100%;object-fit:contain;object-position:center;padding:5px;background:#11151a} .item-card .item-body{padding:13px} .item-card .item-body h2{font-size:16px;line-height:1.25;margin-bottom:6px} .item-card .description{font-size:12px;line-height:1.4;min-height:34px;margin-bottom:10px} .item-card .state{padding:9px 10px;margin:10px 0} .item-card .state strong{font-size:13px} .item-card .state span{font-size:10.5px;line-height:1.35} .item-card .item-action-caption{font-size:.67rem;margin-bottom:6px} .item-card .borrow-duration-buttons{gap:6px} .item-card .borrow-main-btn{min-height:40px;padding:8px 7px;font-size:.76rem} .item-card .item-quick-actions{gap:6px;margin-top:7px} .item-card .item-quick-btn{min-height:38px;padding:6px 7px;border-radius:9px;gap:4px} .item-card .item-quick-title{font-size:.68rem} .item-card .item-quick-meta{font-size:.55rem;padding:3px 5px} .item-card .category-chip{font-size:9.5px;padding:4px 6px} .item-card .item-category-line{margin-bottom:7px} .item-card .item-level,.item-card .item-scope{font-size:9.5px;padding:5px 7px} @media(max-width:699px){ .item-card .item-image-wrap{height:155px} .item-card .item-body{padding:14px} .item-card .item-body h2{font-size:17px} } /* 0.5.9 – Admin Itemsuche & Filter */ .admin-item-filter-panel{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:12px;align-items:end;margin:0 0 16px;padding:13px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,#15191f,#111419)} .admin-item-search-box{position:relative;min-width:0}.admin-item-search-box input{height:44px;padding:9px 42px 9px 40px;border-radius:11px}.admin-item-search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:21px;color:#d7ad55;pointer-events:none}.admin-item-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:8px;background:#272d35;color:#aeb7c2;font-size:20px;line-height:1;cursor:pointer}.admin-item-search-clear:hover{background:#343b45;color:#fff}.admin-item-filter-selects{display:flex;gap:9px}.admin-item-filter-selects label{display:flex;flex-direction:column;gap:4px;min-width:150px}.admin-item-filter-selects label>span{font-size:10px;text-transform:uppercase;letter-spacing:.75px;color:#8994a1;font-weight:900}.admin-item-filter-selects select{height:44px;padding:8px 34px 8px 10px;border-radius:11px}.admin-item-filter-result{height:44px;display:flex;align-items:center;justify-content:center;min-width:110px;padding:0 12px;border:1px solid #343c46;border-radius:11px;background:#171c22;color:#aeb8c3;font-size:12px;font-weight:850;white-space:nowrap}.admin-item-filter-empty{margin:0 0 16px;padding:28px}.admin-item-filter-empty[hidden]{display:none}.admin-item-filter-empty strong{display:block;color:#d7dee6}.admin-item-filter-empty span{display:block;margin-top:4px;font-size:12px;color:var(--muted)} @media(max-width:880px){.admin-item-filter-panel{grid-template-columns:1fr}.admin-item-filter-selects{display:grid;grid-template-columns:1fr 1fr}.admin-item-filter-result{justify-self:start}.admin-item-filter-selects label{min-width:0}} @media(max-width:520px){.admin-item-filter-selects{grid-template-columns:1fr}} /* 0.6.0: robuste Admin-Filter + Item duplizieren */ .admin-item-filter-form{grid-template-columns:minmax(280px,1fr) auto auto auto}.admin-item-filter-actions{display:flex;gap:7px;align-items:center}.admin-item-entry{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}.admin-item-entry.disabled{opacity:.58}.admin-item-entry.temporarily-unavailable{border-color:#6a4b1a;background:linear-gradient(135deg,#1d1a14,#17191d)}.admin-item-entry .admin-item-card{border:0;border-radius:0;background:transparent;box-shadow:none;flex:1}.admin-item-entry .admin-item-card:hover{background:#1b2027}.admin-item-card-info{min-width:0}.admin-item-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:9px 10px;border-top:1px solid #272e37;background:#12161b}.admin-item-card-actions .btn{width:100%}.admin-item-entry .admin-item-card{padding:12px}.admin-item-entry .admin-item-card h3{margin:5px 0 0} @media(max-width:1050px){.admin-item-filter-form{grid-template-columns:1fr 1fr}.admin-item-filter-selects{grid-column:1/-1}.admin-item-filter-actions{justify-content:flex-start}.admin-item-filter-result{justify-self:end}} @media(max-width:620px){.admin-item-filter-form{grid-template-columns:1fr}.admin-item-filter-selects{grid-column:auto}.admin-item-filter-result{justify-self:start}.admin-item-card-actions{grid-template-columns:1fr}} /* 0.6.2 – Minecraft-Warteliste + externe Umsatzbuchungen */ .minecraft-pending-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.minecraft-pending-card{padding:18px}.minecraft-pending-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:8px}.minecraft-pending-head h2{margin:8px 0 2px;font-size:22px}.minecraft-pending-head p{margin:0;color:var(--muted);font-size:12px}.minecraft-pending-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.minecraft-pending-actions form,.minecraft-pending-actions .btn{width:100%}.minecraft-pending-alert{border-color:#5c4a20}.minecraft-pending-action{border-color:#50482b} .external-revenue-form{scroll-margin-top:90px}.panel-head-row h2{margin:3px 0 4px}.panel-head-row p{margin:0;color:var(--muted)}.external-revenue-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;align-items:end}.external-revenue-grid label{display:flex;flex-direction:column;gap:5px}.external-revenue-grid label>span{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#8994a1;font-weight:900}.external-revenue-note{grid-column:span 3}.external-revenue-submit{display:flex;align-items:end}.external-revenue-submit .btn{width:100%;min-height:43px}.revenue-type.external{background:#183043;color:#8fd1ff}.revenue-voided{opacity:.58}.revenue-voided td:nth-child(4) strong{text-decoration:line-through} @media(max-width:950px){.external-revenue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.external-revenue-note{grid-column:span 1}.minecraft-pending-grid{grid-template-columns:1fr}} @media(max-width:580px){.external-revenue-grid{grid-template-columns:1fr}.minecraft-pending-actions{grid-template-columns:1fr}} /* 0.6.3 – Minecraft-Blacklist + öffentlicher Itemkatalog */ .blacklist-layout{align-items:start}.blacklist-summary{text-align:center}.blacklist-count{display:block;font-size:54px;line-height:1;color:#ff8d95;margin:6px 0}.blacklist-summary p{margin:6px 0 14px;color:var(--muted)} .catalog-head{align-items:flex-end}.catalog-filter-bar{display:grid;grid-template-columns:minmax(280px,1fr) 230px auto;gap:12px;align-items:end;margin-bottom:14px}.catalog-filter-bar label{display:flex;flex-direction:column;gap:5px;color:#c5ccd5;font-size:12px;font-weight:800}.catalog-filter-actions{display:flex;gap:7px}.catalog-result-line{margin:0 0 14px;color:var(--muted);font-size:12px}.catalog-result-line strong{color:#fff}.public-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.public-item-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.15)}.public-item-image{height:170px;background:#11151a;position:relative;display:grid;place-items:center}.public-item-image img{width:100%;height:100%;object-fit:contain;object-position:center;padding:7px}.public-item-image>span:not(.item-level){font-size:58px;color:#48525f}.public-item-body{padding:14px}.public-item-body h2{margin:7px 0 6px;font-size:18px;line-height:1.2}.public-item-body>p{margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.45}.public-item-meta{display:flex;gap:6px;flex-wrap:wrap}.public-item-meta span,.public-loan-options span{display:inline-flex;padding:4px 7px;border:1px solid #333b45;border-radius:999px;background:#171c22;color:#adb7c2;font-size:9.5px;font-weight:850}.public-item-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:11px 0}.public-item-stats div{padding:8px;border:1px solid #2d343e;border-radius:10px;background:#12161b;display:flex;flex-direction:column}.public-item-stats strong{font-size:18px}.public-item-stats span{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#7f8996}.public-loan-options{display:flex;gap:5px;flex-wrap:wrap}.catalog-availability{margin-top:10px;padding:8px 9px;border-radius:9px;font-size:11px;font-weight:850}.catalog-availability.available{background:#10281d;border:1px solid #1d4c34;color:#8de3b3}.catalog-availability.unavailable{background:#2d2020;border:1px solid #573031;color:#e6a0a4}.catalog-cta{display:flex;justify-content:space-between;align-items:center;gap:20px}.catalog-cta h2{margin:4px 0 5px}.catalog-cta p{margin:0;color:var(--muted)} @media(max-width:1050px){.public-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-filter-bar{grid-template-columns:1fr 1fr}.catalog-filter-actions{grid-column:1/-1}} @media(max-width:760px){.public-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-filter-bar{grid-template-columns:1fr}.catalog-filter-actions{grid-column:auto}.catalog-cta{align-items:flex-start;flex-direction:column}.catalog-head{align-items:flex-start}} @media(max-width:480px){.public-catalog-grid{grid-template-columns:1fr}.public-item-image{height:185px}} /* 0.6.4 – öffentlicher Katalog: Level-Filter, kompaktere Karten, unverzerrte Bilder */ .catalog-filter-bar{grid-template-columns:minmax(260px,1fr) 210px 150px auto} .public-catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px} .public-item-card{border-radius:15px} .public-item-image{height:145px;overflow:hidden;padding:10px;background:linear-gradient(145deg,#151a20,#0f1318)} .public-item-image img{width:auto;height:auto;max-width:86%;max-height:86%;object-fit:contain;object-position:center;padding:0;display:block} .public-item-body{padding:12px} .public-item-body h2{font-size:16px;margin:6px 0 5px} .public-item-body>p{font-size:11px;line-height:1.4;margin-bottom:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .public-item-stats{margin:9px 0;gap:6px}.public-item-stats div{padding:7px}.public-item-stats strong{font-size:16px} .public-item-meta span,.public-loan-options span{font-size:9px;padding:4px 6px} .catalog-availability{margin-top:8px;padding:7px 8px;font-size:10.5px} @media(max-width:1180px){.public-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-filter-bar{grid-template-columns:minmax(240px,1fr) 190px 140px auto}} @media(max-width:960px){.public-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-filter-bar{grid-template-columns:1fr 1fr}.catalog-search{grid-column:1/-1}.catalog-filter-actions{grid-column:1/-1}} @media(max-width:700px){.public-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-filter-bar{grid-template-columns:1fr}.catalog-search,.catalog-filter-actions{grid-column:auto}.public-item-image{height:155px}} @media(max-width:460px){.public-catalog-grid{grid-template-columns:1fr}.public-item-image{height:175px}} /* 0.6.5 – Leihstatistik / Bedarfsanalyse */ .stats-page-head{margin-bottom:16px}.stats-filter-panel{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:14px 16px}.stats-period-buttons{display:flex;gap:7px;flex-wrap:wrap}.stats-custom-range{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.stats-custom-range label{display:flex;flex-direction:column;gap:4px;min-width:135px}.stats-custom-range label>span{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#8994a1;font-weight:900}.stats-custom-range input{height:40px;padding:7px 9px}.stats-period-caption{margin:10px 0 15px;color:var(--muted);font-size:12px}.stats-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-kpi-grid .stat-card strong{font-size:34px}.stats-top-grid{align-items:start}.stats-ranking-panel{padding:17px}.stats-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.stats-panel-head h2{margin:3px 0 0}.stats-panel-hint{margin:-3px 0 12px}.stats-ranking-list{display:flex;flex-direction:column}.stats-ranking-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #282f37}.stats-ranking-row:last-child{border-bottom:0}.stats-rank{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#222831;border:1px solid #333c47;color:#d4a843;font-size:11px;font-weight:950}.stats-rank-info{min-width:0}.stats-rank-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-rank-info small,.stats-rank-value small{display:block;color:var(--muted);font-size:10px}.stats-rank-value{text-align:right}.stats-rank-value strong{font-size:18px}.stats-bars{display:flex;flex-direction:column;gap:10px}.stats-bar-row{display:flex;flex-direction:column;gap:5px}.stats-bar-label{display:flex;justify-content:space-between;gap:10px;font-size:12px}.stats-bar-label span{color:#c9d0d8}.stats-bar-label strong{color:#fff}.stats-bar-track{height:9px;border-radius:999px;background:#101419;border:1px solid #262d35;overflow:hidden}.stats-bar-track>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#a66e0e,#ffc248);min-width:3px}.stats-bar-track>span.level-bar-1{background:linear-gradient(90deg,#1f794e,#58d995)}.stats-bar-track>span.level-bar-2{background:linear-gradient(90deg,#8e6210,#ffc75d)}.stats-bar-track>span.level-bar-3{background:linear-gradient(90deg,#6e3486,#d58cff)}.stats-week-grid{height:230px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end;padding-top:8px}.stats-week-day{height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:6px;text-align:center}.stats-week-day>strong{font-size:11px}.stats-week-day>small{font-size:10px;color:var(--muted)}.stats-week-column{height:100%;min-height:120px;display:flex;align-items:flex-end;justify-content:center;border-radius:9px;background:#101419;border:1px solid #272e36;padding:3px}.stats-week-column span{width:70%;border-radius:6px;background:linear-gradient(180deg,#ffbd45,#9f6509);min-height:4px}.stats-month-grid{height:190px;display:grid;grid-template-columns:repeat(12,1fr);gap:7px;align-items:end}.stats-month{height:100%;display:grid;grid-template-rows:1fr auto auto;gap:3px;text-align:center}.stats-month-column{height:100%;display:flex;align-items:flex-end;justify-content:center;background:#101419;border:1px solid #272e36;border-radius:8px;padding:3px}.stats-month-column span{width:72%;min-height:3px;border-radius:5px;background:linear-gradient(180deg,#ffbd45,#80600f)}.stats-month strong{font-size:10px}.stats-month small{font-size:9px;color:var(--muted)}.stats-demand-table th,.stats-demand-table td{white-space:nowrap}.statistics-action-card{border-color:#4a4126} @media(max-width:1000px){.stats-filter-panel{align-items:stretch;flex-direction:column}.stats-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-month-grid{gap:4px}} @media(max-width:650px){.stats-kpi-grid{grid-template-columns:1fr}.stats-custom-range{display:grid;grid-template-columns:1fr 1fr}.stats-custom-range .btn{grid-column:1/-1}.stats-week-grid{gap:5px;height:190px}.stats-month-grid{overflow-x:auto;grid-template-columns:repeat(12,44px);justify-content:start}.stats-ranking-row{grid-template-columns:34px minmax(0,1fr)}.stats-rank-value{grid-column:2;text-align:left}.stats-panel-head{align-items:flex-start;flex-direction:column}} /* 0.7.1 – Nutzer-Favoriten */ .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .item-view-switch{display:flex;align-items:center;gap:7px;margin:24px 0 6px;flex-wrap:wrap} .view-filter{display:inline-flex;align-items:center;gap:7px;border:1px solid #343c46;border-radius:999px;background:#171c22;color:#abb5c0;padding:8px 12px;font:850 12px/1 inherit;cursor:pointer;transition:.15s} .view-filter:hover{border-color:#76571a;color:#f4d27f;transform:translateY(-1px)} .view-filter.active{border-color:#9b711b;background:linear-gradient(180deg,#34270f,#251d10);color:#ffd975;box-shadow:0 0 0 2px rgba(242,165,26,.06)} .view-filter span{display:grid;place-items:center;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#252c34;color:#abb5c0;font-size:10px} .view-filter.active span{background:#523b0e;color:#ffdc77} .favorite-toggle-form{position:absolute;z-index:4;left:10px;top:10px;margin:0} .favorite-star{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(10,14,20,.88);color:#aab2bd;font-size:22px;line-height:1;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 5px 16px rgba(0,0,0,.22);transition:transform .15s,border-color .15s,color .15s,background .15s} .favorite-star:hover{transform:translateY(-1px) scale(1.03);border-color:#8b661d;color:#ffd26a;background:rgba(34,27,13,.94)} .favorite-star.active{border-color:#aa7b1b;color:#ffd05a;background:rgba(54,40,12,.94);text-shadow:0 0 12px rgba(255,193,52,.24)} .favorite-star:disabled{opacity:.6;cursor:wait;transform:none} .item-card .item-scope{left:10px;top:auto;bottom:10px} @media(max-width:520px){.item-view-switch{margin-top:18px}.view-filter{flex:1;justify-content:center}.favorite-star{width:36px;height:36px}} /* 0.7.3 – News-System */ .nav-news{position:relative;display:inline-flex!important;align-items:center;gap:6px}.nav-news.has-unread{color:#ffd36b!important;background:rgba(74,52,12,.34)}.nav-news-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:linear-gradient(180deg,#ffca52,#e49a0f);color:#1b1306;font-size:9px;font-weight:950;box-shadow:0 0 0 2px rgba(242,165,26,.1),0 0 18px rgba(242,165,26,.22)} .news-page-head{margin-bottom:18px}.news-list{display:flex;flex-direction:column;gap:14px;max-width:900px}.news-card{position:relative;padding:22px;border-color:#303741}.news-card.unread{border-color:#76561a;background:linear-gradient(135deg,#1b1d20,#1d190f);box-shadow:0 12px 36px rgba(0,0,0,.18),0 0 0 1px rgba(242,165,26,.04)}.news-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.news-card h2{font-size:24px;margin:10px 0 9px}.news-body{color:#c5cdd6;line-height:1.7}.news-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px;color:#788391;font-size:11px}.news-type{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;border:1px solid #38414b;background:#171c22;color:#c8d0d8;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.45px}.news-type-items_new{border-color:#2d5c43;background:#12271d;color:#7fe2a9}.news-type-item_change{border-color:#65501f;background:#2c2413;color:#f1ca67}.news-type-important{border-color:#71323a;background:#31191d;color:#ff9aa1}.news-new-badge{padding:5px 8px;border-radius:999px;background:#f2a51a;color:#1a1306;font-size:9px;font-weight:950;letter-spacing:.7px}.admin-news-list{display:flex;flex-direction:column;gap:12px}.admin-news-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:17px 18px}.admin-news-card.published{border-color:#35483d}.admin-news-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.admin-news-card h2{margin:8px 0 5px;font-size:19px}.admin-news-card p{margin:0;color:var(--muted);line-height:1.5}.admin-news-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.admin-news-actions form{margin:0}.news-editor-panel{max-width:820px}.news-action-card{border-color:#4d421e} .mobile-app-nav.mobile-app-nav-four{grid-template-columns:repeat(4,1fr)} .mobile-app-nav.mobile-app-nav-five{grid-template-columns:repeat(5,1fr)} @media(max-width:680px){.admin-news-card{grid-template-columns:1fr}.admin-news-actions{justify-content:flex-start}.news-card{padding:17px}.news-card h2{font-size:20px}.topbar nav .nav-news-badge{position:absolute;right:1px;top:1px;transform:scale(.82)}} /* 0.7.5 – Login/IP-Protokoll */ .security-log-filters{display:grid;grid-template-columns:minmax(240px,1fr) 220px auto auto;gap:10px;align-items:end}.security-log-filters label{display:flex;flex-direction:column;gap:6px;color:#c5ccd5;font-size:13px;font-weight:700}.security-log-filters code,.table-wrap code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:#d7dee7}@media(max-width:820px){.security-log-filters{grid-template-columns:1fr 1fr}.security-log-filters .btn{width:100%}}@media(max-width:560px){.security-log-filters{grid-template-columns:1fr}} /* 0.7.6 · User löschen */ .admin-row-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.danger-zone{border-color:#6d2a33;background:linear-gradient(145deg,#24171a,#17191d)}.danger-zone h2{color:#ffb1b8}.danger-zone .btn.danger-btn{align-self:flex-start} /* 0.8.0 - Admin Leih-Monitor */ .loan-monitor-head p{margin:5px 0 0;color:var(--muted)} .loan-monitor-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px} .loan-monitor-stat{min-width:0;padding:16px 17px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#181d23,#13171c);display:flex;flex-direction:column} .loan-monitor-stat span{font-size:11px;color:#8f99a5;font-weight:850;text-transform:uppercase;letter-spacing:.55px}.loan-monitor-stat strong{font-size:30px;line-height:1.05;margin:4px 0;color:#fff}.loan-monitor-stat small{color:#747f8c;font-size:10.5px} .loan-monitor-stat.primary-stat{border-color:#5b461d;background:linear-gradient(145deg,#211c12,#16181b)}.loan-monitor-stat.primary-stat strong{color:#ffd16c}.loan-monitor-stat.warning-stat{border-color:#744a1d;background:linear-gradient(145deg,#2c2113,#19191a)}.loan-monitor-stat.warning-stat strong{color:#ffb866} .loan-next-due{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;padding:14px 17px;border:1px solid #3d4650;border-radius:14px;background:#151a20}.loan-next-due>div:first-child{display:flex;flex-direction:column}.loan-next-due span{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#8994a0;font-weight:850}.loan-next-due strong{font-size:17px}.loan-next-due small{color:#7f8995}.loan-next-due.urgent{border-color:#70491e;background:#2a2014}.loan-next-time{text-align:right}.loan-next-time strong{display:block;font-size:25px;font-variant-numeric:tabular-nums;color:#ffd16c} .loan-active-section{margin:0 0 28px}.loan-section-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px}.loan-section-title h2{margin:3px 0 0;font-size:23px} .active-loan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.active-loan-card{padding:16px;border:1px solid #30483c;border-radius:16px;background:linear-gradient(145deg,#17211c,#14191a);box-shadow:0 8px 24px rgba(0,0,0,.12)}.active-loan-card.is-grace{border-color:#75501e;background:linear-gradient(145deg,#2b2114,#17191a)}.active-loan-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.loan-duration-badge{font-size:10px;font-weight:900;padding:5px 8px;border:1px solid #35404b;border-radius:999px;color:#aeb8c3;background:#11161b}.active-loan-card h3{font-size:20px;line-height:1.2;margin:13px 0 14px}.active-loan-user{padding:11px 12px;border-radius:11px;background:rgba(0,0,0,.16);display:flex;flex-direction:column;margin-bottom:9px}.active-loan-user span,.active-loan-meta-row span,.active-loan-deadline span{font-size:9.5px;text-transform:uppercase;letter-spacing:.55px;color:#7e8995;font-weight:850}.active-loan-user strong{font-size:15px}.active-loan-user small{color:#9ba5b0;margin-top:2px}.active-loan-meta-row{display:flex;justify-content:space-between;gap:12px;padding:6px 2px;border-bottom:1px solid rgba(255,255,255,.045)}.active-loan-meta-row strong{font-size:11px;text-align:right;color:#cdd4dc}.active-loan-deadline{margin-top:12px;padding:11px 12px;border-radius:11px;background:#101a15;border:1px solid #244332;display:flex;flex-direction:column}.active-loan-deadline.urgent{background:#2c2113;border-color:#69471a}.active-loan-deadline strong{font-size:26px;font-variant-numeric:tabular-nums;color:#74dfa8;line-height:1.15;margin:2px 0}.active-loan-deadline.urgent strong{color:#ffb45e}.active-loan-deadline small{font-size:10px;color:#75818c} .loan-all-clear{display:flex;align-items:center;justify-content:center;gap:14px;padding:30px;border:1px dashed #315642;border-radius:16px;background:#121d17}.loan-all-clear>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#163522;color:#75e5a9;font-size:22px;font-weight:900}.loan-all-clear div{display:flex;flex-direction:column}.loan-all-clear small{color:#7e8a83} .loan-history-panel{border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}.loan-history-panel>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid transparent}.loan-history-panel[open]>summary{border-bottom-color:var(--line)}.loan-history-panel>summary::-webkit-details-marker{display:none}.loan-history-panel>summary div{display:flex;flex-direction:column}.loan-history-panel>summary strong{font-size:16px}.loan-history-panel>summary span{font-size:10.5px;color:#7f8996}.loan-history-toggle{white-space:nowrap}.loan-history-panel table{min-width:900px} @media(max-width:1050px){.loan-monitor-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.active-loan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){.loan-monitor-stats{grid-template-columns:1fr 1fr}.loan-monitor-stat{padding:13px}.loan-monitor-stat strong{font-size:25px}.active-loan-grid{grid-template-columns:1fr}.loan-next-due{align-items:flex-start;flex-direction:column}.loan-next-time{text-align:left}.loan-section-title{align-items:flex-start}.loan-history-panel>summary{align-items:flex-start;flex-direction:column}.loan-history-toggle{display:none}} /* 0.8.1 - kompakter Admin-Leihmonitor */ @media(min-width:1101px){ .active-loan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} } .active-loan-card{padding:12px;border-radius:13px} .active-loan-top .status-pill{padding:4px 8px;font-size:10px} .loan-duration-badge{padding:4px 7px;font-size:9px} .active-loan-card h3{font-size:16px;line-height:1.2;margin:9px 0 9px;min-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .active-loan-user{padding:8px 9px;border-radius:9px;margin-bottom:6px} .active-loan-user span,.active-loan-meta-row span,.active-loan-deadline span{font-size:8.5px} .active-loan-user strong{font-size:13px;line-height:1.2} .active-loan-user small{font-size:10px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .active-loan-meta-row{padding:4px 1px;gap:8px} .active-loan-meta-row strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:62%} .active-loan-deadline{margin-top:8px;padding:8px 9px;border-radius:9px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label time" "detail time";column-gap:9px;row-gap:0;align-items:center} .active-loan-deadline>span{grid-area:label;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .active-loan-deadline>strong{grid-area:time;font-size:20px;line-height:1;font-variant-numeric:tabular-nums;margin:0} .active-loan-deadline>small{grid-area:detail;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} @media(max-width:1100px) and (min-width:851px){.active-loan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:850px) and (min-width:651px){.active-loan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){ .active-loan-card{padding:11px} .active-loan-card h3{min-height:auto} .active-loan-deadline>strong{font-size:19px} } /* 0.8.2 - sichtbare Nutzer-Mitteilungen */ .user-notification-stack{display:flex;flex-direction:column;gap:10px;margin:0 0 20px} .user-notification{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#181d23,#13171c);box-shadow:0 8px 24px rgba(0,0,0,.12)} .user-notification-success{border-color:#28573e;background:linear-gradient(145deg,#14251c,#13191a)} .user-notification-danger{border-color:#6b2d35;background:linear-gradient(145deg,#2a171a,#171719)} .user-notification-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.055);font-size:20px} .user-notification-content{min-width:0;display:flex;flex-direction:column} .user-notification-content .eyebrow{font-size:9px;margin-bottom:1px} .user-notification-content>strong{font-size:16px} .user-notification-content p{margin:4px 0;color:#c1c8d0;line-height:1.45} .user-notification-content small{color:#78838f;font-size:10px} .user-notification-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end} .user-notification-actions form{margin:0} @media(max-width:700px){ .user-notification{grid-template-columns:auto minmax(0,1fr)} .user-notification-actions{grid-column:1/-1;justify-content:flex-start;padding-left:51px} } /* 0.8.4 – Bewerbungsbilder, Leihsichtbarkeit */ .proof-upload-row{align-items:start}.proof-upload{display:flex;flex-direction:column;gap:7px;min-width:0}.proof-upload>label{font-weight:700;color:#d8dee6}.proof-selection{display:flex;flex-direction:column;gap:6px;margin-top:2px}.proof-selected-file{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:#11161b}.proof-selected-file>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b8c1cb;font-size:11px}.proof-remove-file{border:0;border-radius:8px;padding:6px 8px;background:#3b2025;color:#ffb5bd;font-weight:800;font-size:10px;cursor:pointer}.proof-remove-file:hover{background:#55272f}.borrower-line{display:block;margin-top:3px;font-size:11px;color:#9ca8b4}.borrower-line strong{color:#dce3ea}.privacy-choice{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#13181e}.privacy-choice input{margin-top:3px;flex:0 0 auto}.privacy-choice div{display:flex;flex-direction:column;gap:3px}.privacy-choice strong{font-size:14px}.privacy-choice span{font-size:11px;color:var(--muted);line-height:1.45}.admin-account-form{max-width:680px} .proof-group+.proof-group{margin-top:18px}.proof-group-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 9px}.proof-group-title>span{font-size:10px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.45px} /* 0.8.5 UI-Fix: sichtbarer Level-Aufstieg + kompakte E-Mail-Bearbeitung */ .level-upgrade-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;border:1px solid #6b4e1e;border-radius:14px;background:linear-gradient(145deg,#211a0d,#17150f)} .level-upgrade-cta.pending{border-color:#655022;background:linear-gradient(145deg,#211d12,#181711)} .level-upgrade-cta>div{display:flex;flex-direction:column;gap:4px;min-width:0} .level-upgrade-cta .eyebrow{margin:0} .level-upgrade-cta>div>strong{font-size:17px;color:#f2f4f7} .level-upgrade-cta>div>small{color:var(--muted);line-height:1.45} .level-upgrade-cta>.btn{flex:0 0 auto} .admin-user-email-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:5px;color:var(--muted)} .admin-email-editor{display:inline-block} .admin-email-editor>summary{list-style:none;display:inline-flex;align-items:center;padding:5px 9px;border:1px solid var(--line);border-radius:8px;background:#1a1e24;color:#c5ced8;font-size:11px;font-weight:850;cursor:pointer;user-select:none} .admin-email-editor>summary::-webkit-details-marker{display:none} .admin-email-editor>summary:hover,.admin-email-editor[open]>summary{border-color:#6a5224;color:#f0ca70;background:#211d14} .admin-email-edit-form{width:min(520px,calc(100vw - 40px));margin-top:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#181c22;display:flex;flex-direction:column;gap:10px} .admin-email-edit-form label{display:flex;flex-direction:column;gap:6px;font-weight:750;color:#d8dee6} .admin-email-edit-form .hint{margin:0} .admin-email-edit-actions{display:flex;justify-content:flex-start} @media(max-width:620px){.level-upgrade-cta{align-items:stretch;flex-direction:column}.level-upgrade-cta>.btn{width:100%;text-align:center}.admin-user-email-line{align-items:flex-start;flex-direction:column}.admin-email-editor{width:100%}.admin-email-edit-form{width:100%}} .admin-email-editor[open]{flex-basis:100%} /* 0.8.6 Regel-Editor */ .legal-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.legal-editor-head h2{margin:3px 0 6px}.legal-editor-head p{margin:0;max-width:760px}.legal-editor-head code{padding:2px 5px;border-radius:5px;background:#101419;border:1px solid #2b333d;color:#ffd36d}.legal-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.legal-editor-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:15px;border:1px solid #2c333c;border-radius:13px;background:#11151a}.legal-editor-number{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#27210f;border:1px solid #5f481a;color:#ffd36d;font-size:.78rem;font-weight:950}.legal-editor-fields{display:flex;flex-direction:column;gap:11px;min-width:0}.legal-editor-fields label{display:flex;flex-direction:column;gap:6px;color:#c5ccd5;font-size:13px;font-weight:700}.legal-editor-fields textarea{min-height:132px;line-height:1.45}.legal-publish-box{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:4px;padding:15px 16px;border:1px solid #3c3524;border-radius:13px;background:#19170f}.legal-version-check{display:grid!important;grid-template-columns:20px minmax(0,1fr);gap:10px!important;align-items:start!important;margin:0}.legal-version-check input{width:18px;height:18px;margin:2px 0 0}.legal-version-check span{display:flex;flex-direction:column;gap:2px}.legal-version-check small{color:#9fa9b5;font-weight:500;line-height:1.4}.legal-editor-form{gap:15px}@media(max-width:900px){.legal-editor-grid{grid-template-columns:1fr}}@media(max-width:650px){.legal-editor-head,.legal-publish-box{flex-direction:column;align-items:stretch}.legal-editor-card{grid-template-columns:1fr}.legal-editor-number{width:auto;height:auto;display:inline-flex;justify-content:center;padding:5px 8px;justify-self:start}.legal-publish-box .btn{width:100%}} /* 0.8.7: kompakte Hinweise für Leihkonflikte */ .flash-toast-error,.flash-toast-success{position:fixed;right:20px;top:88px;z-index:120;max-width:min(420px,calc(100vw - 40px));margin:0;padding:12px 42px 12px 14px;border-radius:12px;box-shadow:0 18px 48px rgba(0,0,0,.42);animation:lbToastIn .18s ease-out}.flash-toast-error{background:#34191d;border-color:#7a3039}.flash-toast-success{background:#132b20;border-color:#2c6546}.flash-toast-error::after,.flash-toast-success::after{content:'×';position:absolute;right:13px;top:7px;font-size:20px;color:#c9d0d7;cursor:pointer}.flash-toast-hide{opacity:0;transform:translateY(-8px);transition:.2s;pointer-events:none}@keyframes lbToastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(max-width:620px){.flash-toast-error,.flash-toast-success{top:76px;right:10px;max-width:calc(100vw - 20px)}} /* 0.8.7 Admin-Zeitsperren und Archivierung */ .time-block-list{display:flex;flex-direction:column;gap:10px}.time-block-row{display:grid;grid-template-columns:minmax(220px,1.2fr) 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:#14181d}.time-block-row.past{opacity:.6}.time-block-meta{display:flex;flex-direction:column;gap:3px}.time-block-meta small{color:var(--muted)}.archive-banner{display:flex;justify-content:space-between;gap:16px;align-items:center}.admin-list-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.reservation-edit-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}.minecraft-review-actions{display:flex;gap:8px;flex-wrap:wrap}.minecraft-review-actions form{display:inline-flex}.minecraft-review-note{min-width:210px}@media(max-width:760px){.time-block-row,.reservation-edit-grid{grid-template-columns:1fr}.archive-banner{align-items:flex-start;flex-direction:column}} /* 0.8.8 - Discord-Kontakt im Admin-Nutzerprofil */ .admin-discord-contact{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px;padding:15px 17px;border-color:#3b4052;background:linear-gradient(145deg,#191c27,#15181e)} .admin-discord-contact.is-empty{opacity:.82;background:linear-gradient(145deg,#181b20,#15181e)} .admin-discord-identity{display:flex;align-items:center;gap:13px;min-width:0} .admin-discord-identity>img,.admin-discord-avatar-fallback{width:52px;height:52px;border-radius:14px;flex:0 0 52px} .admin-discord-identity>img{object-fit:cover;border:1px solid #414960;background:#101319} .admin-discord-avatar-fallback{display:grid;place-items:center;border:1px solid #414960;background:#222738;color:#8994ff;font-size:24px;font-weight:900} .admin-discord-identity>div:last-child{display:flex;flex-direction:column;min-width:0} .admin-discord-identity .eyebrow{color:#9da7ff;margin-bottom:1px} .admin-discord-identity strong{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .admin-discord-identity small{color:#7f8996;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .admin-discord-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end} .admin-discord-actions .btn.discord{background:linear-gradient(180deg,#6673f3,#5865f2);box-shadow:0 6px 20px rgba(88,101,242,.16)} @media(max-width:720px){.admin-discord-contact{align-items:stretch;flex-direction:column}.admin-discord-actions{justify-content:flex-start}.admin-discord-actions .btn{flex:1}.admin-discord-identity small{white-space:normal;overflow:visible}} .btn.push-disable-btn{background:#251417;border-color:#6a2c34;color:#ffb0b6}.btn.push-disable-btn:hover{background:#32181c;border-color:#8b3943;color:#ffd4d7}.btn.push-disable-btn:disabled{opacity:.65;cursor:wait;transform:none} /* 0.8.9.2 - Push-Geräteverwaltung im Admin-Nutzerprofil */ .push-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.push-admin-head h2{margin:2px 0 0}.push-admin-head .status-pill{flex:0 0 auto}.push-admin-remove-all{display:flex;justify-content:flex-start}@media(max-width:650px){.push-admin-head{align-items:stretch;flex-direction:column}.push-admin-head .status-pill{align-self:flex-start}} /* 0.8.9.3 · Push-Ende-zu-Ende-Diagnose */ .push-diagnostic{padding:12px 14px;border:1px solid var(--border,#2b3138);border-radius:12px;background:rgba(255,255,255,.03);font-size:.92rem;line-height:1.45} .push-diagnostic.success{border-color:rgba(74,222,128,.38);background:rgba(74,222,128,.08)} .push-diagnostic.warning{border-color:rgba(250,204,21,.38);background:rgba(250,204,21,.08)} .push-diagnostic.error{border-color:rgba(248,113,113,.42);background:rgba(248,113,113,.08)} .push-admin-error{display:block;max-width:260px;margin-top:6px;color:var(--danger,#ff8a8a);white-space:normal;line-height:1.35} /* 0.8.9.4 – vollständiger Chrome-Push-Reset */ .btn.push-hard-reset-btn{background:#332711;border-color:#76561a;color:#ffd36b} .btn.push-hard-reset-btn:hover{background:#3d2f14;border-color:#9b711b;color:#ffe39a} .btn.push-hard-reset-btn:disabled{opacity:.55;cursor:wait;transform:none} /* Admin dashboard: kompakte Level-Verteilung */ .admin-overview-stats{grid-template-columns:repeat(5,minmax(0,1fr))} .level-distribution-card{gap:5px} .level-distribution-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:7px 0 4px} .level-distribution-value{min-width:0;border:1px solid var(--line);border-radius:10px;padding:8px 5px;text-align:center;background:#12161b} .level-distribution-value small{display:block!important;font-size:9px!important;font-weight:900;line-height:1.15;color:inherit!important} .level-distribution-value strong{display:block;font-size:25px!important;line-height:1!important;margin:5px 0 0!important;color:inherit} .level-distribution-value.level-1{background:#163927!important;color:#72e7a8!important;border-color:#235f40!important} .level-distribution-value.level-2{background:#3d2c11!important;color:#ffc85d!important;border-color:#6c4b16!important} .level-distribution-value.level-3{background:#352041!important;color:#d995ff!important;border-color:#633a78!important} @media(max-width:1100px){.admin-overview-stats{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:760px){.admin-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.admin-overview-stats{grid-template-columns:1fr}} .borrow-main-btn:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.35);box-shadow:none;transform:none!important} /* 0.8.9.11: kompakte Accountsperre im Admin-Nutzerprofil */ .account-lock-admin{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)} .account-lock-admin h3{margin:0 0 12px;font-size:1rem} /* 0.8.9.12 · Tagesleih-Rückerstattungen */ .refund-note{display:block;margin-top:5px;color:#f3bc65;font-weight:800;line-height:1.35} .refund-details>summary{list-style:none;cursor:pointer}.refund-details>summary::-webkit-details-marker{display:none} .revenue-type.refund{background:rgba(239,68,68,.14);color:#ff9a9a} .revenue-refund-row{background:rgba(239,68,68,.035)} .revenue-negative{color:#ff9a9a} /* 0.8.9.13 · Allgemeine Rückerstattungen */ .action-stack{display:flex;flex-direction:column;gap:8px;align-items:flex-start} .revenue-refund-form{min-width:min(330px,70vw)} .revenue-refund-form label{min-width:0} /* 0.8.9.14 · Tagesleihe übersichtlicher + Mini-Kalender */ .reservation-view-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 18px} .reservation-view-tab{display:flex;align-items:center;gap:9px;min-height:46px;padding:9px 14px;border:1px solid var(--line);border-radius:12px;background:#15191f;color:#aeb8c4;text-decoration:none!important;transition:.15s} .reservation-view-tab:hover{border-color:#46515e;background:#1a2027;color:#fff}.reservation-view-tab.active{border-color:#7a5b18;background:#241d0f;color:#ffe08a;box-shadow:0 0 0 1px rgba(250,190,40,.08) inset} .reservation-view-tab strong{font-size:.86rem}.reservation-view-tab em{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#252b33;color:#dce2e8;display:grid;place-items:center;font-size:.7rem;font-style:normal;font-weight:900}.reservation-view-tab.active em{background:#5b4314;color:#ffe08a} .reservation-booking-head{align-items:flex-start;margin-bottom:15px}.reservation-booking-head h2{margin:0 0 4px}.reservation-booking-head p{margin:0} .reservation-item-grid.single-item{grid-template-columns:minmax(0,980px);justify-content:center} .reservation-item-badges{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.reservation-item-summary h3{font-size:1.08rem} .reservation-calendar{padding:12px;border:1px solid #303843;border-radius:13px;background:#0f1318;box-shadow:0 8px 26px rgba(0,0,0,.12) inset} .reservation-calendar-head{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:6px;margin-bottom:8px}.reservation-calendar-head strong{text-align:center;text-transform:capitalize;color:#eef2f5;font-size:.9rem} .reservation-calendar-nav{width:34px;height:32px;border:1px solid #333b46;border-radius:9px;background:#1b2128;color:#dce3eb;font-size:20px;line-height:1;cursor:pointer}.reservation-calendar-nav:hover:not(:disabled){background:#252d36;border-color:#55606c}.reservation-calendar-nav:disabled{opacity:.3;cursor:not-allowed} .reservation-calendar-weekdays,.reservation-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.reservation-calendar-weekdays{margin-bottom:4px}.reservation-calendar-weekdays span{text-align:center;color:#707c89;font-size:.62rem;font-weight:900;text-transform:uppercase} .reservation-calendar-day,.reservation-calendar-empty{aspect-ratio:1;min-width:0}.reservation-calendar-day{border:1px solid #303842;border-radius:8px;background:#171d23;color:#cfd6de;font-size:.74rem;font-weight:850;cursor:pointer;transition:.12s}.reservation-calendar-day.is-free:hover{border-color:#4f805f;background:#183121;color:#bdf5cf;transform:translateY(-1px)}.reservation-calendar-day.is-reserved{background:#3a181c;border-color:#713039;color:#ff9da5;cursor:not-allowed;opacity:1}.reservation-calendar-day.is-blocked{background:#382b13;border-color:#73561d;color:#ffd37a;cursor:not-allowed;opacity:1}.reservation-calendar-day.is-outside{background:#11151a;border-color:#1d232a;color:#48515b;cursor:not-allowed;opacity:.55}.reservation-calendar-day.is-selected{outline:2px solid #f0b82f;outline-offset:1px;background:#3b2c0f;color:#ffe39a;border-color:#8e681d} .reservation-calendar-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;color:#7f8b98;font-size:.68rem}.reservation-calendar-legend span{display:inline-flex;align-items:center;gap:5px}.reservation-calendar-legend i{width:9px;height:9px;border-radius:3px;background:#1d4b2c;border:1px solid #4f805f}.reservation-calendar-legend i.reserved{background:#4b1b20;border-color:#713039}.reservation-calendar-legend i.blocked{background:#4b3915;border-color:#73561d} .reservation-booking-form{padding-top:2px}.reservation-item-grid.single-item .reservation-booking-card{grid-template-columns:minmax(220px,.8fr) minmax(300px,1.15fr);gap:18px}.reservation-item-grid.single-item .reservation-booking-form{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,.55fr) minmax(220px,1fr) auto;align-items:end}.reservation-item-grid.single-item .reservation-booking-form>label{margin:0}.reservation-item-grid.single-item .reservation-booking-form>.btn{min-height:44px} .reservation-user-stats{margin-bottom:4px}.reservation-user-group h2{margin:0 0 4px}.reservation-user-group .panel-title-row p{margin:0}.reservation-user-list{display:flex;flex-direction:column}.reservation-user-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(160px,.65fr) auto;gap:16px;align-items:center;padding:14px 0;border-top:1px solid #272e36}.reservation-user-row:first-child{border-top:0}.reservation-user-main,.reservation-user-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.reservation-user-main strong{color:#f3f5f7}.reservation-user-main span{color:#c8d0d9;font-size:.84rem}.reservation-user-main small{color:#788491;white-space:normal}.reservation-user-meta{align-items:flex-start}.reservation-user-meta>strong{font-size:.8rem;color:#f0c55f}.reservation-user-repeat{white-space:nowrap} @media(max-width:820px){.reservation-item-grid.single-item .reservation-booking-card{grid-template-columns:1fr}.reservation-item-grid.single-item .reservation-booking-form{grid-column:auto;grid-template-columns:1fr}.reservation-user-row{grid-template-columns:1fr auto}.reservation-user-meta{grid-column:1}.reservation-user-repeat{grid-column:2;grid-row:1/3}} @media(max-width:560px){.reservation-view-tabs{display:grid;grid-template-columns:1fr}.reservation-view-tab{justify-content:center}.reservation-user-row{grid-template-columns:1fr}.reservation-user-meta,.reservation-user-repeat{grid-column:auto;grid-row:auto}.reservation-user-repeat{width:100%;text-align:center}.reservation-calendar{padding:9px}.reservation-calendar-days,.reservation-calendar-weekdays{gap:3px}.reservation-calendar-day{border-radius:7px;font-size:.7rem}} /* 0.8.9.14 · Admin-Tagesleihen nach Statuszeitraum */ .reservation-admin-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:4px}.reservation-admin-tab{display:flex;align-items:center;gap:12px;min-height:98px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#171b21;color:#c8d0d9;text-decoration:none!important;transition:.15s}.reservation-admin-tab:hover{transform:translateY(-1px);border-color:#4a5562;background:#1c2229}.reservation-admin-tab.active{border-color:#86631c;background:linear-gradient(145deg,#231d10,#191b1f);box-shadow:0 0 0 1px rgba(255,194,61,.06) inset}.reservation-admin-tab-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:11px;background:#242b33;font-size:1.05rem}.reservation-admin-tab.active .reservation-admin-tab-icon{background:#3a2d12}.reservation-admin-tab-copy{min-width:0;display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:end}.reservation-admin-tab-copy small{color:#9ca7b4;font-size:.76rem}.reservation-admin-tab-copy strong{font-size:1.7rem;line-height:1;color:#f4f6f8}.reservation-admin-tab-copy em{grid-column:1/-1;color:#77828e;font-size:.68rem;font-style:normal;line-height:1.35;margin-top:3px}.reservation-admin-tab.active .reservation-admin-tab-copy small,.reservation-admin-tab.active .reservation-admin-tab-copy strong{color:#ffe08c}.reservation-open-summary{margin-top:14px}.reservation-admin-list-head{margin-bottom:14px}.reservation-admin-list-head h2{margin:0 0 4px}.reservation-admin-list-head p{margin:0} @media(max-width:1050px){.reservation-admin-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.reservation-admin-tabs{grid-template-columns:1fr}.reservation-admin-tab{min-height:82px}} /* 0.8.9.15 · Minecraft-Mod Kopplung */ .minecraft-mod-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px} .minecraft-mod-head h2{margin-bottom:0} .minecraft-mod-pair{border:1px solid rgba(242,183,5,.45);background:rgba(242,183,5,.08);border-radius:14px;padding:16px;display:grid;gap:7px} .minecraft-mod-pair>span,.minecraft-mod-pair>small{color:var(--muted,#aeb5c3)} .minecraft-mod-pair>strong{font-size:clamp(1.65rem,4vw,2.3rem);letter-spacing:.08em;color:#ffd45a} .minecraft-mod-pair code{display:block;width:fit-content;max-width:100%;padding:8px 10px;border-radius:9px;background:#0b0e12;border:1px solid #303744;color:#f3f6fb;overflow-wrap:anywhere} .minecraft-mod-devices{display:grid;gap:9px} .minecraft-mod-device{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--border,#2b313c);background:rgba(255,255,255,.018);border-radius:12px;padding:12px 13px} .minecraft-mod-device>div{display:grid;gap:3px;min-width:0} .minecraft-mod-device small{display:block;color:var(--muted,#aeb5c3);overflow-wrap:anywhere} @media(max-width:640px){.minecraft-mod-head,.minecraft-mod-device{align-items:stretch;flex-direction:column}.minecraft-mod-device form .btn{width:100%}} /* 0.8.9.15 · Minecraft-Mod */ .minecraft-mod-install{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.025)} .minecraft-mod-install>div{display:flex;flex-direction:column;gap:4px}.minecraft-mod-install small{color:var(--muted)}.minecraft-mod-download-controls{display:flex!important;flex-direction:row!important;align-items:center;gap:9px;min-width:min(100%,380px)}.minecraft-mod-download-controls select{min-width:175px}.minecraft-mod-download-controls .btn{white-space:nowrap} .minecraft-mod-steps{margin:14px 0 0;padding-left:22px;color:var(--muted);display:grid;gap:7px}.minecraft-mod-steps code{color:var(--text);background:rgba(255,255,255,.06);padding:2px 5px;border-radius:5px} @media (max-width:700px){.minecraft-mod-install{align-items:stretch;flex-direction:column}.minecraft-mod-download-controls{width:100%;flex-direction:column!important;align-items:stretch}.minecraft-mod-download-controls select,.minecraft-mod-install .btn{width:100%}} /* 0.8.9.15.1 · Mod-Test kompakt */ .minecraft-mod-test{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 13px;border:1px solid rgba(242,183,5,.28);border-radius:12px;background:rgba(242,183,5,.045)} .minecraft-mod-test>div{display:grid;gap:3px;min-width:0}.minecraft-mod-test small{color:var(--muted,#aeb5c3)} @media(max-width:700px){.minecraft-mod-test{align-items:stretch;flex-direction:column}.minecraft-mod-test form .btn{width:100%}} /* 0.8.9.15.11 · Tagesleihe-Kalender Neubau */ .reservation-range-chip{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid #3a424d;border-radius:999px;background:#11161c;color:#94a0ad;font-size:.72rem;font-weight:800;white-space:nowrap} .reservation-item-picker-wrap{padding:14px;border:1px solid #2d353e;border-radius:14px;background:#0f1419;margin-bottom:16px} .reservation-picker-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.reservation-picker-head strong{color:#eef2f6}.reservation-picker-head span{color:#7f8a96;font-size:.75rem} .reservation-item-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px} .reservation-picker-item{display:grid;gap:6px;min-width:0;padding:11px 12px;border:1px solid #303842;border-radius:11px;background:#151b21;color:#cbd3dc;text-decoration:none!important;transition:.14s} .reservation-picker-item:hover{border-color:#53606d;background:#1a222a;transform:translateY(-1px)}.reservation-picker-item.active{border-color:#8c691d;background:linear-gradient(145deg,#2d2412,#171b20);box-shadow:0 0 0 1px rgba(245,190,55,.09) inset} .reservation-picker-item>strong{color:#f4f6f8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem}.reservation-picker-item>small{color:#9ca7b3;font-size:.7rem}.reservation-picker-item.active>strong{color:#ffe39a} .reservation-picker-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.reservation-picker-state{font-size:.62rem;font-weight:900;border-radius:999px;padding:4px 7px;white-space:nowrap}.reservation-picker-state.free{background:#163322;color:#8ee8ad;border:1px solid #295d3c}.reservation-picker-state.reserved{background:#401a20;color:#ff9da8;border:1px solid #71313b}.reservation-picker-state.blocked{background:#3c2d12;color:#ffd176;border:1px solid #73561d} .reservation-focus-card{display:grid;grid-template-columns:minmax(230px,.68fr) minmax(430px,1.5fr);gap:18px;padding:18px;border:1px solid #343c46;border-radius:16px;background:linear-gradient(145deg,#151a20,#101419)} .reservation-focus-summary{min-width:0;padding:4px 2px}.reservation-focus-summary h3{margin:10px 0 6px;font-size:1.22rem;color:#f5f7f8}.reservation-focus-summary p{margin:0;color:#99a7b5;line-height:1.55}.reservation-step-label{font-size:.68rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase;color:#e6b947;margin-bottom:10px} .reservation-calendar-help{display:grid;gap:7px;margin-top:18px;padding-top:14px;border-top:1px solid #29313a;color:#8793a0;font-size:.73rem}.reservation-calendar-help b{color:#dce3ea} .reservation-calendar-large{padding:15px;border-color:#36404a;background:#0c1116;box-shadow:0 12px 34px rgba(0,0,0,.16) inset} .reservation-calendar-head-large{grid-template-columns:38px minmax(0,1fr) auto 38px;gap:8px}.reservation-calendar-head-large strong{font-size:1rem;color:#f4f6f8}.reservation-calendar-today{height:32px;padding:0 10px;border:1px solid #3c4651;border-radius:9px;background:#1b2229;color:#bdc7d1;font-size:.7rem;font-weight:850;cursor:pointer}.reservation-calendar-today:hover{background:#252e37;color:#fff} .reservation-calendar-month-summary{margin:-2px 0 10px;text-align:center;color:#73808d;font-size:.69rem;font-weight:750} .reservation-calendar-large .reservation-calendar-weekdays span{padding:2px 0 3px;font-size:.67rem}.reservation-calendar-large .reservation-calendar-days{gap:6px} .reservation-calendar-large .reservation-calendar-day,.reservation-calendar-large .reservation-calendar-empty{aspect-ratio:auto;min-height:58px} .reservation-calendar-large .reservation-calendar-day{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:7px 8px;border-radius:10px;font-size:.8rem;text-align:left} .reservation-calendar-day-number{font-size:.84rem;font-weight:950}.reservation-calendar-day-state{font-size:.56rem;line-height:1;text-transform:uppercase;letter-spacing:.035em;opacity:.78} .reservation-calendar-large .reservation-calendar-day.is-free{background:#13251a;border-color:#285339;color:#b6f1ca}.reservation-calendar-large .reservation-calendar-day.is-free:hover{background:#193525;border-color:#4a9566} .reservation-calendar-large .reservation-calendar-day.is-reserved{background:#35171c;border-color:#673039;color:#ffabb2;cursor:pointer}.reservation-calendar-large .reservation-calendar-day.is-reserved:hover{background:#421b22;border-color:#8b424d} .reservation-calendar-large .reservation-calendar-day.is-blocked{background:#322711;border-color:#69501d;color:#ffd681;cursor:pointer}.reservation-calendar-large .reservation-calendar-day.is-blocked:hover{background:#403116;border-color:#8e6b27} .reservation-calendar-large .reservation-calendar-day.is-outside{background:#101419;border-color:#1d242b;color:#46515c;cursor:not-allowed}.reservation-calendar-day.is-today{box-shadow:0 0 0 1px #d9e2eb inset}.reservation-calendar-large .reservation-calendar-day.is-selected{outline:2px solid #f1ba35;outline-offset:2px;background:#3e2f10;color:#ffe6a3;border-color:#9b731e} .reservation-calendar-status{display:grid;gap:4px;margin-top:12px;padding:11px 13px;border:1px solid #303944;border-radius:11px;background:#141a20}.reservation-calendar-status strong{font-size:.82rem;color:#e8edf2}.reservation-calendar-status span{font-size:.72rem;color:#8d99a5;line-height:1.4}.reservation-calendar-status.is-free{border-color:#315e40;background:#12241a}.reservation-calendar-status.is-free strong{color:#9ce9b7}.reservation-calendar-status.is-reserved{border-color:#6d323b;background:#2f151a}.reservation-calendar-status.is-reserved strong{color:#ffadb5}.reservation-calendar-status.is-blocked{border-color:#72571f;background:#30250f}.reservation-calendar-status.is-blocked strong{color:#ffd77d} .reservation-calendar-legend i.selected{background:#4a3811;border-color:#a7791e} .reservation-booking-form-large{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,.55fr) minmax(260px,1fr) auto;align-items:end;padding-top:14px;border-top:1px solid #2b333c}.reservation-booking-form-large>label{margin:0}.reservation-booking-form-large>.btn{min-height:44px} @media(max-width:940px){.reservation-focus-card{grid-template-columns:1fr}.reservation-focus-summary{display:grid;grid-template-columns:1fr;gap:4px}.reservation-calendar-help{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reservation-booking-form-large{grid-template-columns:1fr 1fr}.reservation-booking-form-large>.btn{grid-column:1/-1}} @media(max-width:620px){.reservation-picker-head{align-items:flex-start;flex-direction:column}.reservation-item-picker{grid-template-columns:1fr}.reservation-focus-card{padding:12px}.reservation-calendar-large{padding:10px}.reservation-calendar-head-large{grid-template-columns:34px 1fr 34px}.reservation-calendar-head-large .reservation-calendar-today{grid-column:1/-1;grid-row:2}.reservation-calendar-large .reservation-calendar-days{gap:3px}.reservation-calendar-large .reservation-calendar-day,.reservation-calendar-large .reservation-calendar-empty{min-height:44px}.reservation-calendar-large .reservation-calendar-day{padding:5px;border-radius:7px}.reservation-calendar-day-state{display:none}.reservation-calendar-help{grid-template-columns:1fr}.reservation-booking-form-large{grid-template-columns:1fr}} /* 0.8.9.15.18 - News-Kommentare */ .news-comments{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.065)} .news-comments-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;border:1px solid #343d47;border-radius:12px;background:#151a20;color:#d9e0e7;cursor:pointer;text-align:left;transition:.16s ease} .news-comments-toggle:hover{border-color:#66501f;background:#1c1b16}.news-comments-toggle[aria-expanded="true"]{border-color:#66501f;border-bottom-left-radius:8px;border-bottom-right-radius:8px;background:#211d13} .news-comments-toggle-main{display:inline-flex;align-items:center;gap:7px}.news-comments-toggle-main strong{font-size:12px}.news-comments-toggle-action{font-size:10px;color:#9ba5b1;font-weight:800} .news-comments-panel{padding:14px 3px 2px}.news-comments-status{padding:9px 11px;margin-bottom:10px;border-radius:9px;background:#20262d;color:#cbd3dc;font-size:11px}.news-comments-status.success{background:#142a20;color:#83ddb0;border:1px solid #28513c}.news-comments-status.error{background:#31191d;color:#ff9aa1;border:1px solid #6b3038} .news-comments-list{display:flex;flex-direction:column;gap:9px}.news-comments-loading{padding:17px;text-align:center;color:#7f8a96;font-size:11px}.news-comments-loading.error{color:#e89097}.news-comments-empty{padding:18px;border:1px dashed #34404b;border-radius:11px;text-align:center;display:flex;flex-direction:column;gap:3px}.news-comments-empty strong{font-size:12px}.news-comments-empty span{font-size:10px;color:#7f8995} .news-comment{padding:12px 13px;border:1px solid #303841;border-radius:12px;background:#14191f}.news-comment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.news-comment-identity{display:flex;align-items:center;gap:9px;min-width:0}.news-comment-avatar{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(145deg,#3d321d,#1f1d17);border:1px solid #5f4b21;color:#ffd06b;font-size:13px;font-weight:950}.news-comment-names{min-width:0;display:flex;flex-direction:column}.news-comment-name-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.news-comment-name-line strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.news-comment-names small{font-size:9px;color:#77818d;margin-top:1px}.news-team-badge{padding:3px 6px;border-radius:999px;border:1px solid #67501d;background:#2a2212;color:#f3c65e;font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.35px}.news-comment-meta{font-size:9px;color:#707b87;white-space:nowrap}.news-comment-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#c6ced7;font-size:12px;line-height:1.55;margin:10px 0 0 40px}.news-comment-actions{display:flex;gap:10px;margin:8px 0 0 40px}.news-comment-action{appearance:none;border:0;background:none;padding:0;color:#8e9aa6;font-size:9.5px;font-weight:800;cursor:pointer}.news-comment-action:hover{color:#ffd06a}.news-comment-action.danger:hover{color:#ff8f98} .news-comment-form{margin-top:12px;padding:13px;border:1px solid #3b424a;border-radius:12px;background:#161b20}.news-comment-form label{display:block;font-size:11px;font-weight:900;color:#dbe2e9;margin-bottom:7px}.news-comment-form textarea,.news-comment-edit textarea{width:100%;resize:vertical;min-height:78px}.news-comment-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.news-comment-form-bottom small{font-size:9px;color:#77828e}.news-comments-closed{margin-top:11px;padding:11px;border:1px dashed #414850;border-radius:10px;color:#8f99a5;font-size:11px;text-align:center} .news-comment-edit{margin:10px 0 0 40px}.news-comment-edit-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:7px}.news-comments-admin-toggle{padding:12px;border:1px solid #4a4023;border-radius:10px;background:#201d14} @media(max-width:680px){.news-comments-toggle{padding:10px}.news-comments-toggle-action{font-size:9px}.news-comment-head{flex-direction:column;gap:5px}.news-comment-meta{padding-left:40px}.news-comment-body,.news-comment-actions,.news-comment-edit{margin-left:0}.news-comment-form-bottom{align-items:flex-start;flex-direction:column}.news-comment-form-bottom .btn{width:100%}.news-comment-name-line strong{max-width:210px}} /* 0.8.9.15.19 · zentrale Admin-Ansicht für News-Kommentare */ .admin-new-comments-stat.has-new{border-color:#6b5520;background:linear-gradient(145deg,#211d13,#17191c);box-shadow:0 0 0 1px rgba(242,165,26,.08) inset}.admin-new-comments-stat.has-new strong{color:#ffd06a}.admin-new-comments-alert{border-color:#6b5520!important}.admin-comments-action-card.has-new{border-color:#6b5520;background:linear-gradient(145deg,#211d13,#17191c)} .admin-comment-stats{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.admin-comment-feed{display:flex;flex-direction:column;gap:11px}.admin-comment-card{padding:15px 16px}.admin-comment-card.is-new{border-color:#745c23;background:linear-gradient(145deg,#1e1b14,#14191f);box-shadow:0 0 0 1px rgba(242,165,26,.08) inset}.admin-comment-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.admin-comment-time{font-size:10px;color:#78838f;white-space:nowrap}.admin-comment-new-badge{padding:3px 7px;border-radius:999px;background:#f2a51a;color:#17120a;font-size:8px;font-weight:950;letter-spacing:.45px}.admin-comment-news-link{margin:11px 0 0 40px;font-size:10px;color:#808b96}.admin-comment-news-link a{color:#e6b84e;font-weight:850;text-decoration:none}.admin-comment-news-link a:hover{text-decoration:underline}.admin-comment-body{margin:9px 0 0 40px;padding:11px 12px;border:1px solid #303840;border-radius:10px;background:#11161b;color:#cbd3dc;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.admin-comment-actions{display:flex;align-items:center;gap:8px;margin:9px 0 0 40px}.admin-comment-actions form{margin:0} @media(max-width:680px){.admin-comment-stats{grid-template-columns:1fr}.admin-comment-card-top{flex-direction:column;gap:5px}.admin-comment-time,.admin-comment-news-link,.admin-comment-body,.admin-comment-actions{margin-left:0}.admin-comment-actions{flex-wrap:wrap}.admin-comment-actions .btn{width:auto}} /* 0.8.9.15.20 – Admin-Dashboard: sechs kompakte Statuskacheln in einer Reihe */ .admin-overview-stats{ grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; } .admin-overview-stats .stat-card{ min-width:0; min-height:148px; padding:15px 16px; border-radius:14px; } .admin-overview-stats .stat-card>span{ font-size:13px; line-height:1.25; } .admin-overview-stats .stat-card>strong{ font-size:34px; line-height:1.05; margin:7px 0 5px; } .admin-overview-stats .stat-card>small{ font-size:11px; line-height:1.35; } .admin-overview-stats .level-distribution-values{ gap:4px; margin:6px 0 4px; } .admin-overview-stats .level-distribution-value{ padding:6px 3px; border-radius:8px; } .admin-overview-stats .level-distribution-value small{ font-size:8px!important; } .admin-overview-stats .level-distribution-value strong{ font-size:21px!important; margin-top:4px!important; } @media(max-width:1100px){ .admin-overview-stats{grid-template-columns:repeat(3,minmax(0,1fr))} .admin-overview-stats .stat-card{min-height:0;padding:18px 19px} } @media(max-width:760px){.admin-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.admin-overview-stats{grid-template-columns:1fr}} /* 0.8.9.15.21 · News-Kommentare: Antworten, Team-Badge, Anpinnen */ .news-comment-thread{display:flex;flex-direction:column;gap:7px}.news-comment-thread.is-pinned{padding:2px;border-radius:14px;background:linear-gradient(135deg,rgba(242,165,26,.18),rgba(242,165,26,.035))} .news-comment.is-pinned{border-color:#765b1d;background:linear-gradient(145deg,#211d13,#151a20);box-shadow:0 0 0 1px rgba(242,165,26,.08) inset}.news-pinned-badge{padding:3px 6px;border-radius:999px;border:1px solid #765b1d;background:#30240e;color:#ffd067;font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.3px} .news-comment-replies{display:flex;flex-direction:column;gap:7px;margin-left:42px;padding-left:12px;border-left:2px solid #3b444d}.news-comment.is-reply{background:#12171c;border-color:#2b343d}.news-comment.is-reply .news-comment-avatar{width:28px;height:28px;border-radius:8px}.news-comment.is-reply .news-comment-body,.news-comment.is-reply .news-comment-actions{margin-left:37px} .news-comment-action.reply:hover{color:#77d6ff}.news-comment-action.pin:hover{color:#ffd067}.news-comment-reply-form{margin:10px 0 0 40px;padding:10px;border:1px solid #3a424a;border-radius:10px;background:#10151a}.news-comment-reply-label{font-size:10px;font-weight:900;color:#dbe2e9;margin-bottom:6px}.news-comment-reply-form textarea{width:100%;resize:vertical;min-height:72px} .news-comment.is-deleted{opacity:.72;border-style:dashed}.news-comment.is-deleted .news-comment-avatar{background:#20252b;border-color:#3a424a;color:#808b96}.news-comment.is-deleted .news-comment-body{font-style:italic;color:#7f8994}.news-comment.is-deleted .news-comment-name-line strong{color:#8a949f} .news-team-badge{box-shadow:0 0 0 1px rgba(242,165,26,.05) inset;text-shadow:0 0 12px rgba(242,165,26,.22)} .admin-comment-card.is-pinned{border-color:#765b1d;background:linear-gradient(145deg,#211d13,#14191f)}.admin-comment-pin-badge{padding:3px 7px;border-radius:999px;border:1px solid #765b1d;background:#30240e;color:#ffd067;font-size:8px;font-weight:950;letter-spacing:.35px}.admin-comment-parent{margin:7px 0 0 40px;font-size:9px;color:#77818d}.admin-comment-card.is-deleted .admin-comment-body{font-style:italic;color:#7e8893;border-style:dashed} @media(max-width:680px){.news-comment-replies{margin-left:16px;padding-left:8px}.news-comment.is-reply .news-comment-body,.news-comment.is-reply .news-comment-actions,.news-comment-reply-form{margin-left:0}.admin-comment-parent{margin-left:0}} /* 0.8.9.15.22 · Persönliche Leihstatistik */ .personal-stat-favorite{min-width:190px;max-width:280px}.personal-stat-favorite span,.personal-stat-favorite small{display:block;color:#cdbb91;font-size:11px}.personal-stat-favorite strong{font-size:19px;line-height:1.2;margin:4px 0;overflow-wrap:anywhere}.personal-stat-summary .stat-row strong{text-align:right}.personal-history-table{min-width:620px}.personal-history-table .status-pill{font-size:10px} @media(max-width:760px){.personal-stat-favorite{width:100%;max-width:none;text-align:left}.personal-stat-summary .stat-row{align-items:flex-start}.personal-stat-summary .stat-row strong{max-width:55%;text-align:right}} /* 0.8.9.15.24 · Meine Leihen */ .my-loans-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px} .my-loans-summary .stat-card{padding:16px 17px;min-width:0}.my-loans-summary .stat-card strong{font-size:30px}.my-loans-summary .stat-card small{line-height:1.35} .loan-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.loan-section-head h2{margin:0 0 3px}.loan-section-head p{margin:0;color:var(--muted)} .user-loan-list{display:grid;gap:10px}.user-loan-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:#13171c}.user-loan-card.active{border-color:#315e47;background:linear-gradient(145deg,#15241d,#13171c)}.user-loan-card.return-window{border-color:#6a4b1c;background:linear-gradient(145deg,#2a2114,#13171c)}.user-loan-card.day-running{border-color:#6b4c14;background:linear-gradient(145deg,#2a2112,#15171c)} .user-loan-main{min-width:0}.user-loan-main h3{margin:0 0 5px;font-size:17px}.user-loan-meta{display:flex;gap:7px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:12px}.user-loan-meta span{display:inline-flex;align-items:center;gap:4px}.user-loan-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.user-loan-actions form{margin:0}.loan-status-note{margin-top:7px;color:#aeb7c2;font-size:12px}.loan-danger-note{color:#ffb1b8} .day-loan-groups{display:grid;gap:14px}.day-loan-group{border:1px solid var(--line);border-radius:14px;overflow:hidden}.day-loan-group-title{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 14px;background:#13171c;border-bottom:1px solid var(--line)}.day-loan-group-title strong{font-size:14px}.day-loan-group-title span{font-size:12px;color:var(--muted)}.day-loan-group .user-loan-card{border:0;border-bottom:1px solid #252b33;border-radius:0}.day-loan-group .user-loan-card:last-child{border-bottom:0} @media(max-width:900px){.my-loans-summary{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.my-loans-summary{grid-template-columns:1fr 1fr}.user-loan-card{grid-template-columns:1fr}.user-loan-actions{justify-content:flex-start}.loan-section-head{flex-direction:column}.mobile-app-nav.mobile-app-nav-five a{padding-left:2px;padding-right:2px;font-size:9px}.mobile-app-nav.mobile-app-nav-five a span{font-size:17px}} @media(min-width:621px) and (max-width:1050px){.topbar{padding-left:14px;padding-right:14px}.topbar nav{gap:2px}.topbar nav a{padding:8px 7px;font-size:13px}.brand{font-size:19px}} /* 0.8.9.15.25 · Kategorie-Leihregeln */ .category-rule-box{border:1px solid #3a321f;background:linear-gradient(180deg,#211b10,#17191d);border-radius:14px;padding:15px;display:flex;flex-direction:column;gap:13px}.category-rule-head{display:flex;flex-direction:column;gap:2px}.category-rule-head strong{font-size:16px}.category-rule-example{margin:0!important;background:#1b2026}.category-rule-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.category-rule-chips span{font-size:11px;color:#d5dbe3;background:#222831;border:1px solid #353d48;border-radius:999px;padding:3px 8px}.stats-category-link{display:block;color:inherit;border-radius:10px;padding:5px 7px;margin:-5px -7px;transition:.15s}.stats-category-link:hover,.stats-category-link.selected{background:#27220f;box-shadow:inset 0 0 0 1px #5a4317}.stats-category-link .stats-bar-label span{color:#f6d589}.category-drilldown{border-color:#4b3b1a}.category-detail-kpis{margin-top:14px}.category-user-table td small{display:block;color:var(--muted);font-size:11px}.category-user-table .inline-link{font-weight:850}.state.category-cooldown,.state.category-limit{background:#292313;border-color:#5d481c}.state.category-limit strong{color:#ffd46b}@media(max-width:780px){.category-detail-kpis{grid-template-columns:repeat(2,1fr)}.category-rule-box .form-row{grid-template-columns:1fr}} /* 0.8.9.15.26 · Leihbude Bewertungen */ .reviews-overview{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(300px,1.25fr);gap:14px}.reviews-score-card{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px}.reviews-score{font-size:58px;line-height:1;margin:8px 0 4px}.reviews-stars-display,.review-card-stars{display:flex;gap:3px}.reviews-stars-display{font-size:28px;margin-bottom:7px}.reviews-stars-display span,.review-card-stars span{color:#4a4f56}.reviews-stars-display span.filled,.review-card-stars span.filled,.admin-review-stars{color:#f2a51a}.reviews-distribution-card{display:flex;flex-direction:column;justify-content:center;gap:9px}.reviews-distribution-row{display:grid;grid-template-columns:38px minmax(100px,1fr) 32px;align-items:center;gap:9px;font-size:12px}.reviews-distribution-track{height:9px;border-radius:999px;background:#272c33;overflow:hidden}.reviews-distribution-track i{display:block;height:100%;background:#f2a51a;border-radius:999px}.reviews-distribution-row strong{text-align:right}.review-own-panel{border-color:#4d3a17}.review-form{display:grid;gap:10px}.review-stars-input{border:0;padding:0;margin:0;display:flex;flex-direction:row-reverse;justify-content:flex-end;width:max-content}.review-stars-input legend{font-weight:800;margin-bottom:8px}.review-stars-input input{position:absolute;opacity:0;pointer-events:none}.review-stars-input label{font-size:38px;line-height:1;color:#474c54;cursor:pointer;transition:transform .12s,color .12s}.review-stars-input label:hover,.review-stars-input label:hover~label,.review-stars-input input:checked~label{color:#f2a51a;transform:translateY(-1px)}.review-form textarea{min-height:120px}.review-form-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.review-form-bottom small{color:var(--muted)}.review-delete-form{margin-top:10px}.review-login-cta{display:flex;align-items:center;justify-content:space-between;gap:18px}.review-login-cta div{display:flex;flex-direction:column;gap:4px}.review-login-cta span{color:var(--muted)}.reviews-list{display:grid;gap:10px}.review-card{border:1px solid var(--line);border-radius:14px;padding:15px 16px;background:#13171c}.review-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.review-card-head>div:first-child{display:flex;flex-direction:column}.review-card-head small,.review-date{color:var(--muted);font-size:11px}.review-card-stars{font-size:19px;white-space:nowrap}.review-card p{margin:10px 0 8px;line-height:1.55;overflow-wrap:anywhere}.admin-review-table td small{display:block;color:var(--muted);font-size:11px}.admin-review-comment{min-width:280px;max-width:560px;white-space:normal;line-height:1.45}.admin-review-stars{white-space:nowrap;letter-spacing:1px}.compact-stats{max-width:520px} @media(max-width:720px){.reviews-overview{grid-template-columns:1fr}.review-form-bottom,.review-login-cta{align-items:stretch;flex-direction:column}.review-form-bottom .btn,.review-login-cta .btn{width:100%}.review-card-head{flex-direction:column}.reviews-score-card{min-height:170px}.reviews-score{font-size:48px}} /* 0.8.9.15.27 · Team-Bewertungen + Bewertungen auf der Startseite */ .review-card-team{border-color:#6a5326;background:linear-gradient(145deg,#17191d,#1b1811)} .review-team-badge{display:inline-flex;align-items:center;width:max-content;margin-top:4px;padding:3px 7px;border:1px solid #7b5d22;border-radius:999px;background:#2a2110;color:#f2b84b;font-size:10px;font-weight:800;letter-spacing:.02em} .reviews-team-note{margin:8px 2px 0;color:var(--muted);font-size:11px} .landing-reviews-section{position:relative;overflow:hidden} .landing-reviews-section:before{content:"";position:absolute;inset:0 auto auto 10%;width:380px;height:220px;background:radial-gradient(circle,rgba(242,165,26,.08),transparent 70%);pointer-events:none} .landing-review-summary{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap} .landing-review-summary>strong{font-size:38px;line-height:1;color:#f2a51a;white-space:nowrap}.landing-review-summary>strong small{font-size:15px;color:var(--muted);font-weight:700} .landing-review-summary>div{display:flex;flex-direction:column;gap:3px}.landing-review-summary>div>small{color:var(--muted);font-size:11px} .landing-review-stars,.landing-review-card-head>span{display:flex;gap:2px}.landing-review-stars i,.landing-review-card-head i{font-style:normal;color:#4a4f56}.landing-review-stars i.filled,.landing-review-card-head i.filled{color:#f2a51a} .landing-review-stars{font-size:19px}.landing-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:18px} .landing-review-card{display:flex;flex-direction:column;min-height:170px;padding:17px 18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#14181d,#111419);box-shadow:0 10px 30px rgba(0,0,0,.14)} .landing-review-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.landing-review-card-head>span{font-size:16px;white-space:nowrap} .landing-review-card p{margin:13px 0 12px;line-height:1.55;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.landing-review-card>small{margin-top:auto;color:var(--muted);font-size:10px} .landing-review-empty{display:flex;flex-direction:column;gap:5px;margin-top:16px;padding:18px;border:1px dashed var(--line);border-radius:14px;background:#12161b}.landing-review-empty span{color:var(--muted)} @media(max-width:900px){.landing-review-grid{grid-template-columns:1fr}.landing-review-card{min-height:0}.landing-review-summary{justify-content:flex-start}} @media(max-width:620px){.landing-review-summary{align-items:flex-start;flex-direction:column}.landing-review-summary .btn{width:100%}} /* 0.8.9.15.28 · Item-Wünsche & Nachfrage */ .item-demand-badge{position:absolute;right:10px;bottom:10px;z-index:4;display:inline-flex;align-items:center;max-width:calc(100% - 20px);padding:5px 8px;border-radius:999px;font-size:10px!important;line-height:1.2!important;font-weight:950;letter-spacing:.1px;white-space:nowrap;box-shadow:0 5px 18px rgba(0,0,0,.34);backdrop-filter:blur(8px)} .item-demand-badge.demand-medium{background:rgba(24,47,38,.94);border:1px solid #2f6b52;color:#8ce5b5}.item-demand-badge.demand-high{background:rgba(76,45,12,.95);border:1px solid #97611f;color:#ffd37c}.item-demand-badge.demand-extreme{background:rgba(87,25,20,.96);border:1px solid #b34a3e;color:#ffb09f}.public-item-image>.item-demand-badge{font-size:10px!important;color:inherit}.public-demand-badge{left:10px;right:auto;bottom:9px} .wish-page-head{align-items:flex-end}.wish-create-panel{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(420px,1.3fr);gap:22px;align-items:start;border-color:#4b3918}.wish-create-copy h2{margin:4px 0 7px}.wish-create-copy p{margin:0;color:var(--muted)}.wish-create-form{display:grid;grid-template-columns:1fr 240px;gap:10px}.wish-create-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:800;color:#c6ced8}.wish-create-form .wish-reason{grid-column:1/-1}.wish-create-form .btn{justify-self:start}.wish-filter-bar{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.wish-filter-bar .filter{display:inline-flex;align-items:center;gap:6px}.wish-filter-bar .filter span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#11151a;color:#cfd6df;font-size:10px}.wish-grid{display:grid;gap:11px}.wish-card{display:grid;grid-template-columns:105px minmax(0,1fr);background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.wish-card.wish-planned{border-color:#34593f}.wish-card.wish-acquired{border-color:#28573e}.wish-card.wish-declined{opacity:.78}.wish-vote-column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:17px 12px;background:#11151a;border-right:1px solid var(--line)}.wish-vote-column>strong{font-size:30px;line-height:1}.wish-vote-column>span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.wish-vote-column form{width:100%;margin-top:8px}.wish-vote-btn{width:100%;border:1px solid #3a424d;background:#20262d;color:#b7c0ca;border-radius:9px;padding:6px 5px;font-size:11px;font-weight:900;cursor:pointer}.wish-vote-btn:hover,.wish-vote-btn.active{border-color:#8c641b;background:#332710;color:#ffd172}.wish-main{padding:16px 18px}.wish-main h2{margin:7px 0 4px;font-size:21px}.wish-main>p{margin:7px 0 10px;color:#d2d8df;overflow-wrap:anywhere}.wish-main>small{color:var(--muted)}.wish-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.wish-admin-note{display:flex;flex-direction:column;gap:3px;margin:10px 0;padding:10px 11px;background:#2b2414;border:1px solid #5c4920;border-radius:10px}.wish-admin-note strong{color:#ffd173;font-size:11px}.wish-admin-note span{color:#e3d5b6;font-size:12px}.wish-admin-stats{max-width:none!important;grid-template-columns:repeat(4,1fr)}.admin-wish-list{display:grid;gap:12px}.admin-wish-card{position:relative}.admin-wish-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.admin-wish-top h2{margin:6px 0 1px}.admin-wish-top small{color:var(--muted)}.admin-wish-votes{min-width:85px;text-align:center;padding:10px 12px;border:1px solid #51401e;background:#2b2414;border-radius:12px}.admin-wish-votes strong{display:block;font-size:28px;line-height:1.05;color:#ffd06d}.admin-wish-votes span{font-size:10px;color:var(--muted)}.admin-wish-description{margin:13px 0;color:#d0d6de}.wish-voters{margin:12px 0;padding:9px 11px;border:1px solid #303741;border-radius:10px;background:#12161b}.wish-voters summary{cursor:pointer;font-weight:850;color:#cbd3dd;font-size:12px}.wish-voters>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.wish-voters span{padding:4px 7px;border-radius:999px;background:#222831;color:#aeb8c4;font-size:10px}.admin-wish-form{display:grid;grid-template-columns:180px minmax(260px,1fr) auto;gap:9px;align-items:end;margin-top:12px}.admin-wish-form label{display:flex;flex-direction:column;gap:4px;color:#adb6c1;font-size:11px;font-weight:800}.admin-wish-delete{display:flex;justify-content:flex-end;margin-top:10px} @media(max-width:850px){.wish-create-panel{grid-template-columns:1fr}.wish-create-form{grid-template-columns:1fr}.wish-create-form .wish-reason{grid-column:auto}.wish-admin-stats{grid-template-columns:repeat(2,1fr)}.admin-wish-form{grid-template-columns:1fr 1fr}.admin-wish-form .btn{grid-column:1/-1;justify-self:start}} @media(max-width:620px){.wish-card{grid-template-columns:78px minmax(0,1fr)}.wish-vote-column{padding:13px 7px}.wish-vote-column>strong{font-size:25px}.wish-main{padding:13px}.wish-main h2{font-size:18px}.wish-admin-stats{grid-template-columns:1fr 1fr}.admin-wish-top{gap:8px}.admin-wish-votes{min-width:70px;padding:8px}.admin-wish-form{grid-template-columns:1fr}.admin-wish-form .btn{grid-column:auto}.item-demand-badge{font-size:9px!important;padding:4px 6px}} /* 0.8.9.15.29 · Verwarnungen & Bestandsanalyse */ .warning-issue-panel{border:1px solid rgba(245,158,11,.32)} .warning-form{display:grid;grid-template-columns:minmax(180px,.35fr) 1fr;gap:14px;align-items:end}.warning-form .wide{grid-column:2}.warning-form textarea{min-height:110px;resize:vertical}.warning-form-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap} .warning-kpis{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.warning-list{display:grid;gap:12px}.warning-card{display:flex;justify-content:space-between;gap:18px;padding:16px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.025)}.warning-card.warning-level-1{border-color:rgba(245,158,11,.28)}.warning-card.warning-level-2{border-color:rgba(249,115,22,.42)}.warning-card.warning-level-3{border-color:rgba(239,68,68,.52);box-shadow:inset 3px 0 0 rgba(239,68,68,.75)}.warning-card-main{min-width:0}.warning-card-title{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.warning-card p{margin:9px 0 6px}.warning-revoke-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.warning-revoke-form input{min-width:190px}.warning-history summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px} .user-warning-panel{border-color:rgba(249,115,22,.38)}.user-warning-list{display:grid;gap:10px;margin-top:12px}.user-warning-entry{padding:12px 14px;border-radius:14px;background:rgba(249,115,22,.07);border:1px solid rgba(249,115,22,.22)}.user-warning-entry strong{display:block;margin-bottom:4px}.user-warning-entry small{display:block;margin-top:6px;color:var(--muted)} .stats-item-link{color:inherit;text-decoration:none}.stats-item-link:hover strong,.stats-item-link:hover{color:var(--accent)}.item-analysis-panel{border-color:rgba(250,204,21,.22)}.item-analysis-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.item-analysis-user-table td small{display:block}.restock-panel{border:1px solid rgba(250,204,21,.25);background:linear-gradient(180deg,rgba(250,204,21,.04),rgba(255,255,255,.015))}.restock-list{display:grid;gap:10px;margin-top:14px}.restock-row{display:grid;grid-template-columns:42px minmax(180px,1.4fr) minmax(140px,.8fr) minmax(160px,.9fr) 92px;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--border);border-radius:14px}.restock-rank{font-weight:900;font-size:1.05rem}.restock-item small,.restock-pressure small{display:block;color:var(--muted);margin-top:2px}.restock-score{font-weight:900;text-align:right}.restock-score.high{color:#fb7185}.restock-score.medium{color:#fbbf24}.restock-score.low{color:#86efac}.restock-note{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.035);margin-top:14px}.copy-usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:12px}.copy-usage-card{padding:12px;border:1px solid var(--border);border-radius:14px}.copy-usage-card strong{display:block;font-size:1.15rem}.copy-usage-card small{display:block;color:var(--muted);margin-top:3px} @media(max-width:900px){.warning-form{grid-template-columns:1fr}.warning-form .wide{grid-column:1}.warning-kpis,.item-analysis-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.warning-card{flex-direction:column}.restock-row{grid-template-columns:36px 1fr 90px}.restock-pressure,.restock-trend{grid-column:2/-1}.restock-score{grid-column:3;grid-row:1;text-align:right}} @media(max-width:600px){.warning-kpis,.item-analysis-kpis{grid-template-columns:1fr}.restock-row{grid-template-columns:32px 1fr}.restock-score{grid-column:2;grid-row:auto;text-align:left}} /* 0.8.9.15.30 · Sammelverwarnungen + Admin-Nutzerübersicht */ .warning-form-span{grid-column:1/-1}.warning-loan-picker{grid-column:1/-1;padding:13px 14px;border:1px solid rgba(249,115,22,.25);border-radius:14px;background:rgba(249,115,22,.045)}.warning-loan-picker>strong{display:block;margin-bottom:3px}.warning-loan-picker>small{display:block;color:var(--muted);margin-bottom:10px}.warning-loan-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.warning-loan-option{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:9px!important;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:#12171c;cursor:pointer}.warning-loan-option input{width:auto!important;margin-top:3px;accent-color:#f59e0b}.warning-loan-option span{display:flex;flex-direction:column;min-width:0}.warning-loan-option strong{font-size:13px}.warning-loan-option small{color:var(--muted);font-size:10.5px;line-height:1.4}.warning-candidate-groups{display:grid;gap:12px}.warning-candidate-group{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#12171c}.warning-candidate-group>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:rgba(245,158,11,.045);border-bottom:1px solid var(--line)}.warning-candidate-group>header>div:first-child{display:flex;flex-direction:column}.warning-candidate-group>header small{color:var(--muted);margin-top:2px}.warning-candidate-group table{margin:0}.warning-linked-loans{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.warning-linked-loans span{display:inline-flex;padding:4px 7px;border:1px solid rgba(249,115,22,.24);border-radius:999px;background:rgba(249,115,22,.07);font-size:10px;color:#d4d9df}.warning-card.is-revoked{opacity:.72} .admin-user-control-center{display:grid;gap:12px}.admin-user-control-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.admin-user-control-kpis .stat-card{margin:0}.admin-user-control-kpis .stat-card.attention{border-color:rgba(239,68,68,.4);box-shadow:inset 0 0 0 1px rgba(239,68,68,.08)}.admin-user-warning-summary{padding:15px 16px;border:1px solid rgba(249,115,22,.25);border-radius:15px;background:rgba(249,115,22,.035)}.admin-user-warning-summary .stats-panel-head{margin-bottom:10px}.admin-user-warning-mini-list{display:grid;gap:8px}.admin-user-warning-mini{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:#12171c}.admin-user-warning-mini.is-active{border-color:rgba(249,115,22,.32)}.admin-user-warning-mini.is-revoked{opacity:.7}.admin-user-warning-mini p{margin:4px 0;font-size:12px;line-height:1.45}.admin-user-warning-mini small{display:block;color:var(--muted);font-size:10.5px}.admin-user-warning-history{display:grid;gap:10px} @media(max-width:900px){.warning-loan-options{grid-template-columns:1fr}.admin-user-control-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.warning-candidate-group>header{align-items:flex-start;flex-direction:column}} @media(max-width:560px){.admin-user-control-kpis{grid-template-columns:1fr 1fr}.admin-user-warning-mini{grid-template-columns:1fr}.warning-candidate-group>header .head-actions{width:100%}.warning-candidate-group>header .head-actions .btn{flex:1;text-align:center}} /* 0.8.9.15.31 · präzisere Fristfälle + frei wählbare Sammelverwarnung */ .warning-batch-select{display:block}.warning-select-col{width:70px;text-align:center}.warning-table-check{display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer;padding:6px}.warning-table-check input{width:18px!important;height:18px!important;accent-color:#f59e0b;cursor:pointer}.warning-table-check span{display:none}.warning-candidate-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid var(--line);background:rgba(245,158,11,.025)}.warning-candidate-actions small{margin-right:auto;color:var(--muted)} @media(max-width:700px){.warning-candidate-actions{align-items:stretch;flex-direction:column}.warning-candidate-actions .btn{width:100%;text-align:center}.warning-candidate-actions small{margin-right:0}} /* 0.8.9.15.34 · Leihbude-Abo 3/6/9/12 Monate */ .subscription-page-head{align-items:center}.subscription-status-panel{border-color:rgba(242,165,26,.28);background:linear-gradient(145deg,rgba(242,165,26,.045),rgba(255,255,255,.015))}.subscription-status-main{display:flex;justify-content:space-between;align-items:center;gap:14px}.subscription-status-main h2{margin:3px 0 0}.subscription-status-grid,.subscription-request-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.subscription-status-grid>div,.subscription-request-summary>div{padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:#12171c}.subscription-status-grid span,.subscription-request-summary span{display:block;color:var(--muted);font-size:10.5px}.subscription-status-grid strong,.subscription-request-summary strong{display:block;margin-top:3px;font-size:14px}.subscription-open-request{border-color:rgba(245,158,11,.36)} .subscription-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.subscription-plan-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:18px 16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,#171b20,#11151a);overflow:hidden}.subscription-plan-card.best-value{border-color:#8b691f;box-shadow:inset 0 0 0 1px rgba(242,165,26,.12),0 12px 32px rgba(0,0,0,.18)}.subscription-plan-card.disabled{opacity:.65}.subscription-ribbon{position:absolute;top:0;right:0;padding:5px 9px;background:#3b2a0b;color:#ffd56d;border-left:1px solid #785817;border-bottom:1px solid #785817;border-radius:0 0 0 9px;font-size:9px;font-weight:950;letter-spacing:.25px}.subscription-plan-title{display:flex;flex-direction:column;gap:3px;padding-right:30px}.subscription-plan-title strong{font-size:22px}.subscription-plan-title span{font-size:11px;color:var(--muted)}.subscription-price{display:flex;flex-direction:column;gap:4px}.subscription-price del{color:#7f8994;font-size:13px}.subscription-price>strong{font-size:25px;color:#ffd069}.subscription-saving{display:flex;flex-direction:column;gap:3px;padding:9px 10px;border-radius:11px;background:rgba(242,165,26,.07);border:1px solid rgba(242,165,26,.16)}.subscription-saving strong{color:#ffd069;font-size:13px}.subscription-saving span{color:var(--muted);font-size:10.5px}.subscription-plan-card form{margin-top:auto}.subscription-plan-card .btn{width:100%;justify-content:center}.subscription-plan-card .btn[disabled]{opacity:.45;cursor:not-allowed} .subscription-settings-card{grid-column:1/-1}.subscription-settings-levels{display:grid;gap:13px;margin-top:13px}.subscription-settings-level{padding:13px;border:1px solid var(--line);border-radius:13px;background:#12171c}.subscription-settings-level-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.subscription-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.subscription-settings-grid label{margin:0}.subscription-settings-grid small{display:block;margin-top:4px;color:var(--muted);line-height:1.35}.subscription-settings-grid small strong{color:#ffd069} .subscription-admin-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-subscription-list{display:grid;gap:11px}.admin-subscription-card{padding:15px;border:1px solid var(--line);border-radius:15px;background:#12171c}.admin-subscription-card.is-open{border-color:rgba(242,165,26,.28)}.admin-subscription-main{display:grid;grid-template-columns:minmax(150px,1.2fr) 100px 150px minmax(180px,1fr) 150px;gap:14px;align-items:center}.admin-subscription-user,.admin-subscription-package,.admin-subscription-price,.admin-subscription-current{display:flex;flex-direction:column;gap:2px}.admin-subscription-user span,.admin-subscription-package span,.admin-subscription-price span,.admin-subscription-current span,.admin-subscription-current small,.admin-subscription-decision{color:var(--muted);font-size:10.5px}.admin-subscription-price del{color:#7f8994}.admin-subscription-price strong{color:#ffd069}.admin-subscription-actions{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(300px,1fr) auto;gap:9px;align-items:end;margin-top:13px}.subscription-approve-form,.subscription-reject-form{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:8px;align-items:end;margin:0}.admin-subscription-decision{display:flex;gap:10px;margin-top:10px}.danger-text{display:block;margin-top:4px;color:#ff929e!important}.admin-subscription-alert{border-color:rgba(242,165,26,.34)} @media(max-width:1050px){.subscription-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-subscription-main{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-subscription-actions{grid-template-columns:1fr}.subscription-approve-form,.subscription-reject-form{grid-template-columns:1fr auto}} @media(max-width:620px){.subscription-status-main{align-items:flex-start;flex-direction:column}.subscription-status-grid,.subscription-request-summary{grid-template-columns:1fr}.subscription-plan-grid,.subscription-settings-grid,.subscription-admin-stats{grid-template-columns:1fr}.subscription-settings-level-head{align-items:flex-start;flex-direction:column}.admin-subscription-main{grid-template-columns:1fr}.subscription-approve-form,.subscription-reject-form{grid-template-columns:1fr}.admin-subscription-actions .btn{width:100%;justify-content:center}} .status-neutral{background:#242a31;color:#aeb7c2} /* 0.8.9.15.37 – Restzeit vor Tagesleihe */ .borrow-duration-buttons .restzeit-btn{grid-column:1/-1;border-color:#6b5522;background:linear-gradient(180deg,#2a2416,#1d1b16);color:#ffd978} .borrow-duration-buttons .restzeit-btn:hover{border-color:#a9822d;background:linear-gradient(180deg,#352b17,#242018)} /* 0.8.9.15.39 · anklickbare Item-Statistik */ .item-stat-image-link{display:flex;width:100%;height:100%;align-items:center;justify-content:center;position:relative;overflow:hidden;color:inherit}.item-stat-image-link img{width:100%;height:100%;object-fit:cover;transition:transform .2s,filter .2s}.item-stat-image-link:after{content:"📊 Statistik";position:absolute;left:50%;top:50%;transform:translate(-50%,-42%);padding:7px 11px;border-radius:999px;background:rgba(9,12,16,.9);border:1px solid rgba(255,189,69,.45);color:#ffd27a;font-size:11px;font-weight:900;white-space:nowrap;opacity:0;transition:.18s;pointer-events:none;box-shadow:0 7px 24px rgba(0,0,0,.4)}.item-stat-image-link:hover img{transform:scale(1.035);filter:brightness(.78)}.item-stat-image-link:hover:after,.item-stat-image-link:focus-visible:after{opacity:1;transform:translate(-50%,-50%)}.item-stat-placeholder{font-size:68px;color:#4a5360}.public-item-image>.item-stat-image-link{position:absolute;inset:0}.item-stats-hero{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:center}.item-stats-cover{height:170px;border-radius:14px;overflow:hidden;background:#101419;border:1px solid var(--line);display:grid;place-items:center;font-size:64px;color:#4b5563}.item-stats-cover img{width:100%;height:100%;object-fit:cover}.item-stats-summary p{color:var(--muted);margin:10px 0 0}.item-stats-badges{display:flex;gap:7px;flex-wrap:wrap}.item-stats-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.item-stats-periods{display:flex;align-items:center;justify-content:space-between;gap:14px}.item-stats-periods>div:first-child{display:flex;flex-direction:column}.item-admin-detail{border-color:rgba(242,165,26,.3)}.item-public-user-table td small{display:block;color:var(--muted)} @media(max-width:850px){.item-stats-hero{grid-template-columns:150px minmax(0,1fr)}.item-stats-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.item-stat-image-link:after{opacity:.72;top:auto;bottom:9px;transform:translateX(-50%);padding:5px 8px;font-size:9px}.item-stat-image-link:hover:after,.item-stat-image-link:focus-visible:after{transform:translateX(-50%)}.item-stats-hero{grid-template-columns:1fr}.item-stats-cover{height:210px}.item-stats-kpis{grid-template-columns:1fr}.item-stats-periods{align-items:flex-start;flex-direction:column}} /* 0.8.9.15.47 · Admin-Cockpit */ .admin-body{background:#0b0d10;overflow-x:hidden}.admin-shell{min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr)}.admin-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#11151a,#0d1014);border-right:1px solid #252b33;z-index:45;transition:width .2s ease}.admin-sidebar-head{height:76px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #242a31}.admin-sidebar-brand{min-width:0;display:flex;align-items:center;gap:11px;flex:1}.admin-sidebar-logo{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,#ffc34f,#e99a0c);color:#211706;font-size:20px;box-shadow:0 8px 28px rgba(242,165,26,.16);flex:0 0 auto}.admin-sidebar-brand>span:last-child{display:flex;min-width:0;flex-direction:column;line-height:1.12}.admin-sidebar-brand strong{font-size:17px}.admin-sidebar-brand small{margin-top:3px;color:#8e98a5;font-size:10px;text-transform:uppercase;letter-spacing:1.2px}.admin-sidebar-collapse{width:30px;height:30px;border:1px solid #303740;border-radius:9px;background:#171c22;color:#aeb7c2;cursor:pointer}.admin-sidebar-nav{padding:12px 9px 18px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;flex:1}.admin-nav-link{display:flex;align-items:center;gap:11px;min-height:40px;padding:8px 10px;border-radius:10px;color:#aab3be;font-size:13px;font-weight:750;white-space:nowrap}.admin-nav-link:hover{background:#181d23;color:#fff}.admin-nav-link.active{background:linear-gradient(90deg,#352a12,#241e12);color:#ffd471;box-shadow:inset 2px 0 #f2a51a}.admin-nav-icon{width:20px;text-align:center;flex:0 0 auto}.admin-nav-group{margin-top:7px}.admin-nav-group summary{list-style:none;display:flex;align-items:center;gap:9px;padding:8px 10px;color:#7f8996;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.7px;cursor:pointer;user-select:none}.admin-nav-group summary::-webkit-details-marker{display:none}.admin-nav-group summary strong{flex:1}.admin-nav-chevron{font-size:18px;line-height:1;transform:rotate(0);transition:.15s}.admin-nav-group[open] .admin-nav-chevron{transform:rotate(90deg)}.admin-nav-group-links{display:flex;flex-direction:column;gap:2px}.admin-sidebar-user{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;border-top:1px solid #242a31;background:#101318}.admin-sidebar-user>div{display:flex;min-width:0;flex-direction:column}.admin-sidebar-user strong{overflow:hidden;text-overflow:ellipsis}.admin-sidebar-user small{color:#7f8996}.admin-sidebar-user>a{width:32px;height:32px;border:1px solid #303740;border-radius:9px;display:grid;place-items:center;color:#aab3be}.admin-sidebar-backdrop{display:none}.admin-main{min-width:0;display:flex;min-height:100vh;flex-direction:column}.admin-topbar{position:sticky;top:0;z-index:35;min-height:76px;display:grid;grid-template-columns:auto minmax(260px,560px) auto;align-items:center;gap:18px;padding:11px 24px;border-bottom:1px solid #252b33;background:rgba(11,13,16,.9);backdrop-filter:blur(18px)}.admin-topbar-left{display:flex;align-items:center;gap:11px;min-width:0}.admin-topbar-left>div{display:flex;flex-direction:column;min-width:0}.admin-topbar-left span{color:#7f8996;font-size:10px;text-transform:uppercase;letter-spacing:1px}.admin-topbar-left strong{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-menu-toggle{display:none;width:38px;height:38px;border:1px solid #303740;border-radius:10px;background:#171c22;color:#fff;cursor:pointer}.admin-global-search{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;border:1px solid #303740;background:#11151a;border-radius:12px;overflow:hidden}.admin-global-search>span{padding-left:12px;color:#77818d}.admin-global-search input{border:0;background:transparent;box-shadow:none;padding:10px 8px}.admin-global-search button{height:100%;padding:0 14px;border:0;border-left:1px solid #2b3139;background:#1d2229;color:#cbd3dc;font-weight:800;cursor:pointer}.admin-topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.admin-topbar-actions a{min-height:36px;display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #303740;border-radius:10px;background:#15191e;color:#bcc5cf;font-weight:800;font-size:12px}.admin-page{width:min(1480px,calc(100% - 40px));padding:28px 0 50px;flex:1}.admin-page .page-head{margin-top:0}.admin-footer{display:flex;justify-content:space-between;gap:16px;padding:15px 24px;border-top:1px solid #252b33;color:#68727e;font-size:11px}.admin-shell.sidebar-collapsed{grid-template-columns:78px minmax(0,1fr)}.admin-shell.sidebar-collapsed .admin-sidebar-brand>span:last-child,.admin-shell.sidebar-collapsed .admin-nav-label,.admin-shell.sidebar-collapsed .admin-nav-group summary strong,.admin-shell.sidebar-collapsed .admin-nav-chevron,.admin-shell.sidebar-collapsed .admin-sidebar-user>div{display:none}.admin-shell.sidebar-collapsed .admin-sidebar-head{justify-content:center;padding-inline:8px}.admin-shell.sidebar-collapsed .admin-sidebar-brand{flex:0}.admin-shell.sidebar-collapsed .admin-sidebar-collapse{position:absolute;top:57px;right:-13px;width:26px;height:26px;background:#171c22}.admin-shell.sidebar-collapsed .admin-nav-group summary{justify-content:center}.admin-shell.sidebar-collapsed .admin-nav-link{justify-content:center;padding-inline:6px}.admin-shell.sidebar-collapsed .admin-nav-icon{font-size:17px}.admin-shell.sidebar-collapsed .admin-sidebar-user{justify-content:center}.admin-dashboard-priority{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px}.admin-priority-list{display:flex;flex-direction:column;gap:8px}.admin-priority-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 13px;border:1px solid #2b3139;border-radius:12px;background:#11151a}.admin-priority-item:hover{border-color:#59461f}.admin-priority-item .priority-icon{width:34px;height:34px;border-radius:10px;background:#1e242b;display:grid;place-items:center}.admin-priority-item strong{display:block}.admin-priority-item small{display:block;color:#87919d}.admin-priority-item .priority-count{min-width:36px;text-align:center;padding:5px 8px;border-radius:999px;background:#2d2412;color:#ffd36f;font-weight:900}.admin-priority-item.danger{border-color:#56262d;background:#211316}.admin-priority-item.danger .priority-count{background:#4a1b22;color:#ff9aa1}.admin-dashboard-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-kpi{padding:14px;border:1px solid #2b3139;border-radius:13px;background:#11151a}.admin-kpi span{display:block;color:#818b97;font-size:11px}.admin-kpi strong{display:block;margin-top:3px;font-size:23px}.admin-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-quick-card{padding:15px;border:1px solid #2b3139;border-radius:13px;background:#13171c}.admin-quick-card:hover{border-color:#614b20;background:#171a1f}.admin-quick-card strong{display:block;margin-bottom:3px}.admin-quick-card span{color:#89939f;font-size:12px}.admin-search-results{display:grid;gap:14px}.admin-search-section h2{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-search-list{display:flex;flex-direction:column;gap:8px}.admin-search-result{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 13px;border:1px solid #2c323a;border-radius:12px;background:#12161b}.admin-search-result:hover{border-color:#5d4921}.admin-search-result-icon{width:38px;height:38px;border-radius:11px;background:#1c2229;display:grid;place-items:center}.admin-search-result small{display:block;color:#808a96}.poll-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.poll-card{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.poll-card h2,.poll-card h3{margin:0 0 7px}.poll-card p{color:var(--muted)}.poll-card-meta{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.poll-option-list{display:flex;flex-direction:column;gap:9px;margin:14px 0}.poll-option{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #303740;border-radius:11px;background:#111419;overflow:hidden}.poll-option input{width:auto}.poll-option>span,.poll-option>strong{position:relative;z-index:1}.poll-result-bar{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,rgba(242,165,26,.18),rgba(242,165,26,.05));pointer-events:none}.poll-option small{position:relative;z-index:1;color:#8e98a5}.poll-admin-list{display:flex;flex-direction:column;gap:12px}.poll-admin-card{padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.poll-admin-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.poll-admin-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.poll-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 16px;margin:0 0 17px;border:1px solid #5a431a;border-radius:14px;background:linear-gradient(90deg,#241c0d,#17191c)}.poll-banner-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f2a51a;color:#211604;font-size:21px}.poll-banner p{margin:2px 0 0;color:#aeb6c0}.poll-banner small{color:#7f8996}.poll-create-options textarea{min-height:160px} @media(max-width:1180px){.admin-topbar{grid-template-columns:auto minmax(220px,1fr) auto}.admin-dashboard-priority{grid-template-columns:1fr}.admin-quick-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:900px){.admin-shell{display:block}.admin-sidebar{position:fixed;left:0;top:0;width:274px;transform:translateX(-102%);box-shadow:22px 0 55px rgba(0,0,0,.42)}.admin-shell.admin-sidebar-open .admin-sidebar{transform:translateX(0)}.admin-sidebar-backdrop{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.55)}.admin-shell.admin-sidebar-open .admin-sidebar-backdrop{display:block}.admin-sidebar-collapse{display:none}.admin-menu-toggle{display:grid;place-items:center}.admin-topbar{grid-template-columns:minmax(0,1fr) auto;padding:10px 14px}.admin-global-search{grid-column:1/-1;grid-row:2}.admin-topbar-actions span{display:none}.admin-page{width:min(100% - 24px,1480px);padding-top:20px}.admin-footer{padding-inline:14px}.poll-grid{grid-template-columns:1fr}} @media(max-width:620px){.admin-topbar-actions a{padding:7px}.admin-dashboard-kpis{grid-template-columns:1fr 1fr}.admin-quick-grid{grid-template-columns:1fr}.admin-priority-item{grid-template-columns:auto 1fr}.admin-priority-item .priority-count{grid-column:2;justify-self:start}.poll-banner{grid-template-columns:auto 1fr}.poll-banner .btn{grid-column:1/-1;width:100%}.poll-admin-card-head{flex-direction:column}.poll-admin-actions{justify-content:flex-start}.admin-global-search button{display:none}} .admin-body[data-push-user="1"]{padding-bottom:0} /* 0.8.9.15.48 · Admin-Cockpit Feinschliff */ .admin-nav-entry{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:2px}.admin-nav-entry .admin-nav-link{min-width:0}.admin-nav-favorite{width:26px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;color:#59636f;font-size:16px;line-height:1;cursor:pointer;opacity:.35;transition:background .15s,color .15s,opacity .15s}.admin-nav-entry:hover .admin-nav-favorite,.admin-nav-favorite.is-favorite{opacity:1}.admin-nav-favorite:hover{background:#1e242b;color:#ffd16a}.admin-nav-favorite.is-favorite{color:#f2a51a}.admin-shell.sidebar-collapsed .admin-nav-entry{display:block}.admin-shell.sidebar-collapsed .admin-nav-entry .admin-nav-favorite{display:none} .admin-operations-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px}.admin-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.admin-section-heading h2{margin:3px 0 0}.admin-section-heading>small{max-width:470px;text-align:right}.admin-utilization-value{display:flex;align-items:flex-end;gap:14px}.admin-utilization-value>strong{font-size:48px;line-height:.95;color:#ffd16a}.admin-utilization-value>span{max-width:360px;color:#8d97a3;font-size:12px;line-height:1.4}.admin-utilization-track{height:11px;margin:15px 0 12px;border-radius:999px;background:#242a31;overflow:hidden}.admin-utilization-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a96d0b,#f2a51a)}.admin-utilization-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px}.admin-utilization-meta span{padding:10px 11px;border:1px solid #2b3139;border-radius:10px;background:#11151a;color:#8a949f;font-size:11px}.admin-utilization-meta strong{display:block;color:#f2f5f8;font-size:18px}.admin-top-items{display:flex;flex-direction:column;gap:8px}.admin-top-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px}.admin-top-item-rank{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#1e242b;color:#9aa4af;font-weight:900;font-size:11px}.admin-top-item>div{min-width:0}.admin-top-item>div>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.admin-top-item>b{font-size:12px;color:#ffd16a}.admin-top-item-bar{display:block;height:6px;margin-top:5px;border-radius:999px;background:#242a31;overflow:hidden}.admin-top-item-bar i{display:block;height:100%;border-radius:inherit;background:#9a6a16}.admin-personal-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-personal-grid h3{margin:0 0 8px}.admin-personal-links{display:flex;flex-direction:column;gap:7px}.admin-personal-link{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid #2c323a;border-radius:10px;background:#11151a;color:#d9dfe6}.admin-personal-link:hover{border-color:#604b20;background:#17191d}.admin-personal-link-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#1c2229}.admin-personal-link small{color:#77818d}.poll-level-scope{min-width:0;margin:0;padding:10px 12px;border:1px solid #343b44;border-radius:10px;background:#11151a}.poll-level-scope legend{padding:0 5px;font-weight:800}.poll-level-scope>small{display:block;margin-bottom:9px}.poll-level-choices{display:flex;gap:7px;flex-wrap:wrap}.poll-level-choices label{display:flex;flex-direction:row;align-items:center;gap:6px;padding:7px 9px;border:1px solid #343b44;border-radius:999px;background:#171c22;font-size:12px;cursor:pointer}.poll-level-choices input{width:auto;margin:0} @media(max-width:1180px){.admin-operations-grid{grid-template-columns:1fr}.admin-section-heading>small{text-align:left}} @media(max-width:780px){.admin-personal-grid{grid-template-columns:1fr}.admin-section-heading{flex-direction:column;gap:7px}.admin-utilization-value{align-items:flex-start;flex-direction:column}.admin-utilization-meta{grid-template-columns:1fr 1fr}} @media(max-width:420px){.admin-utilization-meta{grid-template-columns:1fr}} /* 0.8.9.15.49 · Leihliste */ .loan-list-add-form{margin-top:10px}.loan-list-added-btn{margin-top:10px;opacity:.78}.loan-list-dock{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;align-items:center;gap:11px;min-width:285px;max-width:calc(100vw - 32px);padding:12px 14px;border:1px solid rgba(242,165,26,.36);border-radius:16px;background:rgba(18,20,24,.96);box-shadow:0 16px 44px rgba(0,0,0,.34);color:#fff;text-decoration:none;backdrop-filter:blur(10px)}.loan-list-dock[hidden]{display:none!important}.loan-list-dock:hover{transform:translateY(-2px);border-color:#f2a51a}.loan-list-dock-icon{font-size:25px}.loan-list-dock strong{display:flex;align-items:center;gap:8px;font-size:14px}.loan-list-dock strong b{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#f2a51a;color:#17191d;font-size:12px}.loan-list-dock small{display:block;margin-top:2px;color:#aeb5c0;font-size:11px}.loan-list-dock-arrow{margin-left:auto;color:#f2a51a;font-size:28px;line-height:1}.loan-list-dock.is-pulsing{animation:loanListPulse .4s ease}@keyframes loanListPulse{50%{transform:scale(1.035)}} .loan-list-head{align-items:center}.loan-list-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.loan-list-summary>div{padding:15px 16px;border:1px solid var(--border,#30343b);border-radius:14px;background:var(--card,#202329)}.loan-list-summary span{display:block;color:var(--muted,#aeb5c0);font-size:12px}.loan-list-summary strong{display:block;margin-top:5px;font-size:17px}.loan-list-card{margin-top:16px;border:1px solid var(--border,#30343b);border-radius:18px;background:var(--card,#202329);overflow:hidden}.loan-list-card-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;border-bottom:1px solid var(--border,#30343b)}.loan-list-card-head h2{margin:2px 0 0}.loan-list-rows{display:flex;flex-direction:column}.loan-list-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--border,#30343b)}.loan-list-row:last-child{border-bottom:0}.loan-list-row.has-problem{background:rgba(196,77,77,.07)}.loan-list-thumb{width:72px;height:58px;border-radius:10px;overflow:hidden;background:#15171b;display:grid;place-items:center}.loan-list-thumb img{width:100%;height:100%;object-fit:cover}.loan-list-thumb span{font-size:24px}.loan-list-info>strong{font-size:16px}.loan-list-info>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px;color:var(--muted,#aeb5c0);font-size:12px}.loan-list-info small{display:block;margin-top:7px}.loan-list-ready{color:#75c98a}.loan-list-problem{color:#ffad66}.level-mini{font-weight:700}.loan-list-checkout{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:16px 0 26px;padding:18px;border:1px solid rgba(242,165,26,.3);border-radius:16px;background:rgba(242,165,26,.055)}.loan-list-checkout>div{max-width:760px}.loan-list-checkout strong,.loan-list-checkout span{display:block}.loan-list-checkout span{margin-top:5px;color:var(--muted,#aeb5c0);font-size:13px;line-height:1.45}.loan-list-checkout-btn{white-space:nowrap}.loan-list-empty{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.loan-list-empty .btn{margin-top:8px} @media(max-width:760px){.loan-list-dock{right:12px;left:12px;bottom:78px;min-width:0;max-width:none}.loan-list-summary{grid-template-columns:1fr}.loan-list-row{grid-template-columns:58px minmax(0,1fr);padding:12px}.loan-list-thumb{width:58px;height:52px}.loan-list-remove-form{grid-column:2}.loan-list-remove-form .btn{width:100%}.loan-list-checkout{align-items:stretch;flex-direction:column}.loan-list-checkout form,.loan-list-checkout-btn{width:100%}.loan-list-card-head{align-items:flex-start;flex-direction:column}.loan-list-card-head form,.loan-list-card-head .btn{width:100%}} /* 0.8.9.15.51 Leihliste ueber bestehende Routen */ .section-divider{height:1px;margin:28px 0;border:0;background:linear-gradient(90deg,transparent,#303741,transparent)} .page-head.compact-top-gap{margin-top:22px} /* 0.8.9.15.75: OPSUCHT-Teamrabatt Startseite, Status und Preise */ .team-benefit-promo{position:relative;display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:19px;align-items:center;padding:23px 26px;margin:20px 0 26px;border:1px solid #3b5946;border-radius:19px;background:linear-gradient(115deg,rgba(33,83,59,.28),rgba(22,28,30,.98) 52%,rgba(22,32,28,.98));overflow:hidden} .team-benefit-promo::after{content:"";position:absolute;right:-58px;top:-85px;width:250px;height:250px;background:radial-gradient(circle,rgba(83,211,132,.095),transparent 70%);pointer-events:none} .team-benefit-emblem{width:53px;height:53px;border:1px solid rgba(101,214,150,.34);border-radius:15px;display:grid;place-items:center;font-size:26px;font-weight:900;color:#9be3b3;background:#182e23} .team-benefit-kicker{display:block;margin-bottom:5px;font-size:10px;font-weight:900;letter-spacing:1.6px;color:#84d3a4} .team-benefit-copy{min-width:0}.team-benefit-copy h2{font-size:clamp(20px,2vw,27px);line-height:1.25;margin:0 0 8px}.team-benefit-copy p{color:#abbdb4;line-height:1.55;font-size:13px;margin:0;max-width:780px} .team-benefit-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.team-benefit-tags span{color:#a4dab7;border:1px solid #31543d;border-radius:999px;background:#182e22;padding:5px 9px;font-size:11px;font-weight:700} .team-benefit-aside{position:relative;display:flex;flex-direction:column;gap:10px;align-items:flex-start;min-width:160px}.team-benefit-aside>span:not(.team-benefit-state){color:#a8baae;font-size:12px}.team-benefit-aside .btn{white-space:nowrap}.team-benefit-link{font-size:12px;text-decoration:none;color:#98d9af;font-weight:800}.team-benefit-link:hover{color:#d0ffe2;text-decoration:underline}.team-benefit-state{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;border:1px solid #2c6945;color:#9ef3bb;background:#133222;font-weight:800;font-size:11px}.team-benefit-state.pending{background:#2b2417;border-color:#65502b;color:#f0cb83} .team-benefit-landing{margin-top:8px;margin-bottom:70px}.team-benefit-member{margin:8px 0 22px}.team-benefit-member.is-active{border-color:#3b7e53} .team-benefit-saving{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px}.team-benefit-saving span{color:#adbdaf;font-size:12px}.team-benefit-saving del,.team-monthly-price del,.team-item-price del,.team-catalog-price del,.team-abo-month-price del{color:#9a9fa7;font-size:12px;font-weight:500}.team-benefit-saving strong{color:#99efb5;font-size:17px}.team-benefit-saving small{color:#98e4ac;font-weight:800;font-size:11px} .team-monthly-price{display:inline-flex;align-items:center;gap:7px;justify-content:center}.team-monthly-price strong,.team-abo-month-price b{color:#92e8aa}.team-monthly-label{display:block;color:#98dea9;font-size:10px}.team-abo-month-price{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:baseline} .team-item-price{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:4px 7px}.team-item-price strong{color:#99e8ac;font-weight:900}.team-item-price small{flex-basis:100%;color:#9fdaa9;font-size:10px}.team-catalog-price{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:5px}.team-catalog-price strong{color:#98e5b2}.team-catalog-price small{font-size:10px;color:#92d8aa} @media(max-width:820px){.team-benefit-promo{grid-template-columns:48px minmax(0,1fr);padding:20px;gap:13px}.team-benefit-emblem{width:45px;height:45px}.team-benefit-aside{grid-column:2;flex-direction:row;align-items:center;flex-wrap:wrap;min-width:0}} @media(max-width:540px){.team-benefit-promo{grid-template-columns:1fr;padding:18px;gap:11px}.team-benefit-emblem{width:43px;height:43px}.team-benefit-aside{grid-column:1;flex-direction:column;align-items:stretch}.team-benefit-aside .btn{text-align:center}.team-benefit-landing{margin-bottom:48px}.team-benefit-saving{gap:6px 8px}} .team-reservation-price{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:baseline}.team-reservation-price del{color:#87949d;font-weight:500}.team-reservation-price strong,.team-reservation-price b{color:#92e8af}.team-reservation-price em{color:#9acda9;font-style:normal;font-size:11px} /* Teampreise in Tagesleihe-Buttons duerfen nicht abgeschnitten werden. */ .item-quick-actions.two:has(.has-team-discount){grid-template-columns:1fr} .item-quick-btn.day.has-team-discount{min-height:54px;gap:12px;overflow:visible} .item-quick-btn.day.has-team-discount .item-quick-title{flex:0 0 auto} .item-quick-btn.day.has-team-discount .item-quick-meta{max-width:none;flex:1 1 auto;min-width:0;overflow:visible;text-overflow:clip;white-space:normal;line-height:1.3;text-align:right} .item-quick-btn.day.has-team-discount .team-item-price{justify-content:flex-end;gap:2px 8px} @media(max-width:390px){.item-quick-btn.day.has-team-discount{flex-wrap:wrap}.item-quick-btn.day.has-team-discount .item-quick-meta{text-align:left}.item-quick-btn.day.has-team-discount .team-item-price{justify-content:flex-start}} /* 0.8.9.15.76: Teamvorteile als ruhige Randnotiz statt Werbepanel */ .team-benefit-note{display:flex;align-items:center;gap:11px;min-width:0;padding:11px 15px;border:1px solid #30383a;border-radius:12px;background:#191d20;color:#bec7c3} .team-benefit-note-symbol{flex:0 0 auto;display:grid;place-items:center;width:25px;height:25px;border:1px solid #435248;border-radius:8px;font-size:14px;color:#93bca0} .team-benefit-note-content{min-width:0;flex:1;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 11px;font-size:12px;line-height:1.45} .team-benefit-note-content strong{color:#dce5dc;font-weight:750;font-size:12px} .team-benefit-note-content span{color:#9daaa4} .team-benefit-note>a{white-space:nowrap;text-decoration:none;color:#a8bfae;font-weight:700;font-size:12px} .team-benefit-note>a:hover{color:#e1f6e7;text-decoration:underline} .team-benefit-note-status{white-space:nowrap;color:#a5d8b0;font-weight:800;font-size:11px} .team-benefit-landing{margin:32px 0 20px} .team-benefit-member{margin:7px 0 16px} .team-benefit-member.is-active{border-color:#385344;background:#1b211e} /* Team-Tagespreise: der Originalpreis bleibt sichtbar, aber ohne lauten Zusatz. */ .team-item-price{display:inline-flex;align-items:baseline;flex-wrap:wrap;justify-content:flex-end;gap:2px 6px} .team-item-price strong{font-weight:750;color:#b2d7b6} .team-item-price del{font-size:10px;color:#818b89} .item-quick-btn.day.has-team-discount{min-height:43px;gap:7px} .item-quick-btn.day.has-team-discount .item-quick-meta{line-height:1.2} @media(max-width:670px){.team-benefit-note{align-items:flex-start;flex-wrap:wrap;padding:11px 12px}.team-benefit-note-content{flex-basis:calc(100% - 42px)}.team-benefit-note>a{margin-left:36px}.team-benefit-note-status{margin-left:36px}} /* 0.8.9.15.77: Kleine, nicht blockierende News-Hinweise */ .news-popup{position:fixed;right:20px;bottom:22px;z-index:95;width:min(355px,calc(100vw - 28px));border:1px solid #5b4627;border-radius:15px;background:rgba(23,27,33,.98);box-shadow:0 18px 48px rgba(0,0,0,.42);color:var(--text);overflow:hidden;backdrop-filter:blur(14px)} .news-popup[hidden],.news-popup [hidden]{display:none!important} .news-popup-header{display:flex;align-items:center;gap:9px;padding:12px 13px 8px} .news-popup-header>strong{font-size:12px;letter-spacing:.3px;color:#e5bd6d;flex:1} .news-popup-icon{font-size:18px;line-height:1.2} .news-popup-close{border:0;background:transparent;color:#9aa4b0;font-size:23px;line-height:1;padding:0 4px;cursor:pointer;width:auto} .news-popup-close:hover{color:#fff} .news-popup-content{padding:0 15px 11px;min-width:0} .news-popup-content>strong{display:block;font-size:15px;line-height:1.35;overflow-wrap:anywhere} .news-popup-content p{font-size:12px;line-height:1.55;color:#aeb7c2;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:5px 0 0} .news-popup-content small{display:block;color:#d9b77f;margin-top:8px;font-size:11px} .news-popup-actions{display:flex;justify-content:flex-end;gap:8px;align-items:center;padding:10px 13px 12px;background:rgba(10,12,15,.35);border-top:1px solid #2c3139} .news-popup-actions .btn{font-size:12px;padding:7px 11px} .news-popup button:disabled{opacity:.5;cursor:wait} @media(max-width:720px){.news-popup{right:12px;left:12px;bottom:calc(82px + env(safe-area-inset-bottom));width:auto;max-width:400px;margin-left:auto}} /* Administrative death alerts, compact even on mobile */ .admin-death-alert-panel{margin:16px 0;border:1px solid #bd684a;background:color-mix(in srgb,#ffdecf 12%,var(--panel,#131720));padding:18px;border-radius:14px} .death-alert-title,.death-alert-head,.death-alert-actions{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap} .death-alert-title h2{margin:4px 0 0;font-size:1.2rem} .death-alert-list{display:grid;gap:12px;margin:14px 0} .death-alert-card{border:1px solid var(--border,#5e6470);border-radius:12px;padding:14px;background:var(--card-bg,rgba(80,90,110,.07))} .death-alert-card.is-new{border-left:4px solid #d16a51} .death-alert-head{margin-bottom:12px}.death-alert-user{font-size:.85em;font-weight:400;opacity:.75} .death-alert-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .death-alert-grid>div{min-width:0;overflow-wrap:anywhere}.death-alert-grid span,.death-alert-grid small{display:block;color:var(--muted,#89929c);font-size:.8em} .death-alert-grid strong{display:block;margin-top:3px;font-size:.91em} .death-alert-loans{margin:12px 0;padding:9px;background:rgba(130,135,150,.09);border-radius:8px;font-size:.91em} .death-alert-actions small{font-size:.76em;opacity:.75;flex:1}.death-alert-actions form{margin:0} @media(max-width:820px){.death-alert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:440px){.death-alert-grid{grid-template-columns:1fr}}