@charset "UTF-8";
:root{--ink:#252b32;--muted:#788089;--line:#e3e5e5;--paper:#f6f6f2;--red:#dc4036;--red-dark:#bc2d25;--yellow:#eed16b;--nav:#1d2228;--white:#fff;--radius:15px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit}button svg,a svg{flex-shrink:0;vertical-align:middle}button:focus-visible,a:focus-visible{outline:3px solid #4d8fc8;outline-offset:4px}button{border:0}input,select,textarea{width:100%;min-height:46px;border:1px solid #dce0e2;border-radius:9px;background:#fff;color:var(--ink);padding:11px 13px;outline:none}input:focus,select:focus,textarea:focus{border-color:#87939b;box-shadow:0 0 0 3px #182b3b0b}input::placeholder,textarea::placeholder{color:#9ba2a8}textarea{resize:vertical}label{display:block;font-size:12px;font-weight:650;color:#4c565e;margin-bottom:17px}label input,label select,label textarea{display:block;margin-top:8px;font-size:14px;font-weight:400}select{cursor:pointer}h1,h2,h3,p{margin-top:0}p{line-height:1.65}h1,h2,h3{letter-spacing:-.035em}h3{font-size:17px}.muted{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:12px 18px;border-radius:8px;font-size:12px;font-weight:650;line-height:1.25;text-decoration:none;transition:background .16s,transform .16s}.button:hover{transform:translateY(-1px)}.primary{color:#fff;background:var(--red);box-shadow:0 3px 8px #d93b321a}.primary:hover{background:var(--red-dark)}.secondary{background:#fff;border:1px solid #dce0e2;color:#45505a}.secondary:hover{background:#f4f5f4}.compact{min-height:38px;padding:9px 12px;font-size:12px}.full{width:100%}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:none;padding:9px 0;font-size:12px;font-weight:550}.text-button:hover{color:var(--red)}.danger{color:#b93930}.danger-button{background:#bc392f;color:#fff}.danger-button:hover{background:#992c24}.icon-button{width:36px;height:36px;display:grid;place-items:center;background:#f1f2f1;border-radius:50%;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:780;letter-spacing:-1.1px;white-space:nowrap}.brand img{flex-shrink:0}.brand-light{font-weight:380}.brand small{display:block;margin-top:5px;font-size:7px;font-weight:600;letter-spacing:1.4px;color:#9199a3}.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.5px;font-weight:700;color:#92989d}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--red)}.mini-tag{font-size:9px;letter-spacing:1.7px;color:#91989d;font-weight:650}.fineprint{font-size:11px;color:#92989d;line-height:1.7}.form-error{border:1px solid #edc9c3;background:#fff1ed;padding:12px 14px;border-radius:8px;color:#9b362c;font-size:12px;line-height:1.6;margin-bottom:20px}.form-error[hidden]{display:none}.loading-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:#1d2228;color:#fff}.loading-screen strong{font-size:25px;letter-spacing:-1px}.loading-screen>span:last-child{font-size:12px;color:#a8b0b8}.loading-light{width:24px;height:24px;background:var(--red);border-radius:6px;animation:pulse 1.3s ease-in-out infinite}.connection-error{max-width:580px;margin:12vh auto;padding:35px}.connection-error .brand{margin-bottom:50px}.connection-error h1{font-size:32px}.connection-error p{color:var(--muted)}
/* Anmeldung */
.auth-layout{min-height:100dvh;display:grid;grid-template-columns:1.05fr 1fr;background:#fafaf7}.auth-story{padding:43px 8%;background:radial-gradient(ellipse at 70% 40%,#2b3037 0,#1d2228 65%);color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-story:after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:repeating-linear-gradient(-45deg,#e7ce70 0,#e7ce70 15px,#252a31 15px,#252a31 30px)}.auth-story .brand small{color:#8f969f}.auth-story-content{width:100%;max-width:530px;margin:auto;padding:65px 0 45px}.eyebrow.light{color:#b1b6bc;font-size:8px;letter-spacing:1.3px}.eyebrow.light span{background:#f2d36c}.auth-story h1{font-size:clamp(34px,3.6vw,57px);font-weight:700;line-height:1.15;letter-spacing:-2.5px;margin:25px 0 20px}.auth-story h1 em{font-style:normal;color:#f0d375}.auth-story-content>p{font-size:13px;color:#9da5af;line-height:1.85}.hero-illustration{position:relative;background:linear-gradient(155deg,#353c44,#272e35);border:1px solid #444c54;border-radius:14px;margin-top:37px;padding:19px 24px 17px;box-shadow:0 20px 45px #0002;transform:rotate(-2deg)}.hero-illustration:before{content:"";position:absolute;inset:0;border-radius:14px;opacity:.04;background:repeating-linear-gradient(0deg,transparent,transparent 19px,#fff 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,#fff 20px);pointer-events:none}.illustration-label{font-size:7px;letter-spacing:1.7px;color:#b5bec6;display:flex;align-items:center;gap:7px}.blue-dot{background:#79bde7;display:inline-block;width:6px;height:6px;border-radius:50%;box-shadow:0 0 14px #67b6ee}.hero-illustration .vehicle-svg{width:100%;height:180px;display:block;margin:10px auto 0}.illustration-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff0d;padding-top:12px}.illustration-bottom strong{font-size:15px;letter-spacing:-.4px}.illustration-bottom span{font-size:9px;color:#a2abb4}.auth-organizations{display:flex;flex-wrap:wrap;gap:20px;margin-top:34px;color:#929aa4;font-size:10px}.auth-organizations>span{display:flex;align-items:center;gap:6px}.auth-story-footer{font-size:9px;color:#777f89;letter-spacing:.4px;padding-bottom:10px}.auth-panel{display:flex;flex-direction:column;min-height:100dvh;padding:40px 11% 22px}.auth-form-wrap{max-width:370px;width:100%;margin:auto;padding:30px 0}.auth-form-wrap h2{font-size:32px;letter-spacing:-1.4px;margin:16px 0 12px}.auth-intro{font-size:13px;margin-bottom:31px}.auth-form-wrap .button.primary{margin-top:8px;min-height:47px}.auth-form-wrap form>.text-button{color:#7c848c;font-size:11px;margin-top:10px}.auth-switch{text-align:center;border-top:1px solid var(--line);margin-top:25px;padding-top:23px;font-size:11px;color:#8a9197}.auth-switch button{background:none;color:var(--red);font-weight:650;font-size:11px;padding:7px 2px}.privacy-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#9aA0a5;font-size:9px;margin-top:28px}.auth-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#9aa0a5}.auth-footer button{font-size:9px;background:none;color:inherit;padding:5px}.auth-mobile-brand{display:none}.success-message{text-align:center;background:#eef4ed;border:1px solid #dae6d8;border-radius:12px;padding:25px 20px;color:#4a7151}.success-message h3{margin-top:14px}.success-message p{font-size:12px;margin:0}
/* Album */
.app-layout{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100dvh}.sidebar{background:var(--nav);color:#d8dce1;display:flex;flex-direction:column;padding:31px 20px 16px;position:sticky;top:0;height:100dvh}.sidebar .brand{font-size:20px;gap:9px;margin:0 3px 43px}.sidebar .brand img{width:33px;height:33px}.sidebar .brand small{font-size:5.7px;letter-spacing:1.15px}.sidebar-caption{font-size:8px;font-weight:650;letter-spacing:1.6px;color:#69747f;padding:0 15px;margin-bottom:10px}.main-nav,.category-nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:11px;border-radius:8px;background:none;padding:13px 13px;text-align:left;width:100%;color:#9aa3ae;font-size:11px;font-weight:550;min-height:44px}.nav-item:hover{background:#ffffff06;color:#fff}.nav-item>b{margin-left:auto;font-size:9px;color:#7e8995;font-weight:500}.nav-item.active{background:#343036;color:#f1e1df;position:relative}.nav-item.active:before{content:"";position:absolute;left:-20px;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--red)}.nav-item.active>svg{color:#eb7168}.nav-item.selected{background:#ffffff08;color:#e2e5e9}.nav-item.selected>b{color:#b9c2ca}.categories-label{margin-top:33px}.category-nav .nav-item{font-size:10px;padding:11px 13px}.group-symbol{display:flex;align-items:center}.group-symbol.feuerwehr{color:#df756d}.group-symbol.rettungsdienst{color:#c39d66}.group-symbol.thw{color:#77a5dd}.group-symbol.polizei{color:#7eb9a5}.sidebar-album{border:1px solid #ffffff0b;border-radius:10px;padding:17px 15px;margin: auto 7px 23px;background:#ffffff03}.sidebar-album>span{font-size:7px;letter-spacing:1.6px;color:#7e8994}.sidebar-album>strong{display:block;font-size:30px;letter-spacing:-1.5px;color:#e4e7ea;margin:8px 0 14px}.sidebar-album>strong small{font-size:12px;letter-spacing:0;color:#7b8692;font-weight:400}.progress{height:4px;background:#41474e;border-radius:5px;overflow:hidden}.progress>i{height:100%;display:block;background:#f0d277;min-width:0;max-width:100%;transition:width .4s}.sidebar-album p{font-size:8px;color:#77828e;margin:13px 0 0;line-height:1.7}.account-button{display:flex;align-items:center;gap:10px;background:none;color:#d8dce1;padding:15px 8px 2px;border-top:1px solid #ffffff0b;text-align:left}.account-button>span:nth-child(2){flex:1;min-width:0}.account-button strong{display:block;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.account-button small{display:block;font-size:9px;color:#76818d;margin-top:5px}.account-button>svg{color:#697683}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#d8bc6e;background:#3b3a32;font-size:12px;font-weight:650}.workspace{min-width:0}.topbar{display:flex;align-items:center;gap:22px;padding:21px 39px;background:#fafaf8;border-bottom:1px solid #e6e7e3;min-height:84px}.breadcrumb{font-size:11px;color:#969b9e;flex:1}.breadcrumb>span{margin:0 10px;color:#c7cbca}.breadcrumb strong{color:#6c767c;font-weight:500}.private-label{font-size:9px;display:flex;gap:6px;align-items:center;color:#8e969b}.topbar .button{font-size:11px;min-height:40px;padding:10px 15px}.content{max-width:1550px;margin:auto;padding:38px 39px 20px}.album-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:28px}.album-heading .eyebrow{font-size:8px;letter-spacing:1.45px}.album-heading h1{font-size:36px;margin:13px 0 10px;font-weight:740;letter-spacing:-1.8px}.album-heading p{font-size:12px;color:#838b90;margin-bottom:0}.heading-mark{font-size:64px;font-weight:850;letter-spacing:-5px;color:#e7e8e1;line-height:1;transform:skew(-8deg);text-align:center;user-select:none}.heading-mark>span{display:block;font-size:5px;letter-spacing:1.15px;color:#a7aca7;transform:skew(8deg);margin-top:9px}.summary-row{display:grid;grid-template-columns:1.07fr 1.1fr 1fr 1.13fr;border:1px solid var(--line);background:#fff;border-radius:11px;padding:20px 0;margin-bottom:37px;box-shadow:0 2px 5px #202c3703}.summary-row>div{display:flex;align-items:center;gap:13px;padding:2px 24px;border-right:1px solid #eceeeb}.summary-row>div:last-child{border-right:0}.summary-row>div>svg{color:#a6aeb0}.summary-row>div>span>strong{font-size:23px;letter-spacing:-.8px;font-weight:650;line-height:1.1}.summary-row strong small{font-size:12px;color:#adb3b5;font-weight:450;letter-spacing:0}.summary-row>div>span>span{display:block;font-size:8px;color:#8d979b;margin-top:7px;white-space:nowrap}.summary-row .summary-note{font-size:8px;line-height:1.9;color:#9aa2a4;gap:10px}.summary-row .summary-note strong{font-size:8px;color:#5f6b70;font-weight:500;letter-spacing:0}.album-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.album-section-head>div{display:flex;align-items:center;gap:10px}.album-section-head h2{font-size:19px;margin:0;letter-spacing:-.6px}.section-symbol{display:inline-flex;color:#7f8a91}.section-symbol.feuerwehr{color:#cb554b}.section-symbol.rettungsdienst{color:#bf923f}.section-symbol.thw{color:#487dbb}.section-symbol.polizei{color:#508d7d}.count-label{font-size:9px;color:#9ca4a7;margin-left:2px;white-space:nowrap}.section-note{font-size:9px;color:#a0a6a6}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:23px}.search-box{position:relative;flex:1;min-width:140px}.search-box>svg{position:absolute;left:12px;top:13px;color:#a3abad}.search-box>input{padding-left:38px;font-size:10px;background:#fff;min-height:43px;border-color:#e1e4e1}.filter-segments{display:flex;padding:4px;border:1px solid #e1e4e1;border-radius:8px;gap:2px;flex-shrink:0;background:#eeefeb}.filter-segments button{font-size:9px;padding:10px 12px;background:none;border-radius:5px;white-space:nowrap;color:#8d9598;min-height:33px}.filter-segments button.active{background:#fff;color:#45525a;box-shadow:0 1px 4px #202d3910}.toolbar>select{width:145px;min-height:43px;font-size:9px;padding:10px;border-color:#e1e4e1}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:20px;align-items:start}.vehicle-card{position:relative;background:#fff;border-radius:11px;border:1px solid #e1e4e1;overflow:hidden;box-shadow:0 2px 7px #25313b03;transition:transform .2s,box-shadow .2s,border-color .2s}.vehicle-card:hover{transform:translateY(-4px);border-color:#c6ccc9;box-shadow:0 12px 22px #25313b09}.card-main{width:100%;padding:0;text-align:left;display:block;background:none}.card-visual{aspect-ratio:1.5;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f0f1ee,#e9ece8);overflow:hidden}.card-visual:before{content:"";position:absolute;inset:0;opacity:.32;background:radial-gradient(#c2c9c6 .65px,transparent .65px);background-size:9px 9px}.card-visual>.vehicle-svg{width:90%;height:auto;margin:12px 0 6px;transition:transform .3s;opacity:.88}.vehicle-card:hover .vehicle-svg{transform:translateX(3px)}.card-visual>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.card-index{position:absolute;top:13px;left:14px;font-size:7px;font-weight:600;letter-spacing:1px;color:#99a3a5;z-index:1}.collected .card-index{color:#fff;background:#1f2c35aa;border-radius:4px;padding:4px 6px;font-size:8px;letter-spacing:.3px}.missing-badge,.collected-badge{position:absolute;bottom:11px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:5px;font-size:7px;color:#9fa7a6;letter-spacing:.1px}.collected-badge{background:#fffef4;left:11px;right:auto;padding:5px 7px;border-radius:4px;color:#53684b;box-shadow:0 1px 5px #0001;font-size:8px}.card-copy{padding:17px 17px 14px}.card-title-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-title-line h3{font-size:17px;letter-spacing:-.6px;margin:0;color:#505c61;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-card.collected .card-title-line h3{color:#2e3b41}.card-copy>p{font-size:9px;color:#939b9e;margin:8px 0 19px;line-height:1.6;min-height:28px}.card-meta{border-top:1px solid #f0f1ed;padding-top:12px;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#acb3b2;gap:6px}.card-meta>span:first-child{display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.small-plus{display:flex;color:#99a4a3}.small-check{display:flex;color:#749578}.collected .card-meta{color:#818e88}.favorite-button{position:absolute;right:9px;top:9px;border-radius:50%;background:#ffffffed;width:32px;height:32px;color:#8a9598;box-shadow:0 2px 5px #0001}.favorite-button.is-favorite{color:#d94c43}.favorite-button.is-favorite svg{fill:#d94c4322}.album-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#a9afac;margin-top:35px;padding:20px 0 5px;border-top:1px solid #e5e8e0;font-size:8px}.album-footer>span,.album-footer>button{display:flex;gap:6px;align-items:center}.album-footer>button{font-size:8px;color:#969f9b;background:none;padding:5px 0}.empty-state{grid-column:1/-1;text-align:center;background:#fff;border:1px dashed #d7ded8;border-radius:12px;padding:70px 20px;color:#aab4ad}.empty-state>svg{margin-bottom:20px}.empty-state h3{font-size:22px;color:#5e6d65;margin:0 0 12px}.empty-state p{font-size:12px;color:#939d97}.empty-state .button{margin-top:12px}
/* Dialoge */
dialog{width:560px;max-width:calc(100vw - 28px);max-height:90dvh;border:1px solid #dce1dc;border-radius:17px;padding:0;background:#fff;color:var(--ink);box-shadow:0 30px 100px #0004;overflow:auto}dialog.wide{width:700px}dialog::backdrop{background:#111b24aa;backdrop-filter:blur(4px)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:21px 25px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3;background:#fff}.modal-header h2{font-size:21px;margin:0;line-height:1.25}.title-sub{font-size:10px;color:#9ca5aa;letter-spacing:0;margin-left:8px;font-weight:450}.modal-content{padding:25px}.modal-content>p{font-size:12px;color:#7b858b}.modal-content>h3{margin:27px 0 11px}.type-intro{text-align:center}.type-silhouette{border-radius:12px;background:#f1f3ef;max-width:360px;margin:0 auto 25px}.type-silhouette .vehicle-svg{width:90%;height:170px}.type-intro h3{font-size:21px}.type-intro p{color:#8c969b;font-size:12px;max-width:370px;margin:auto}.detail-section-title{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:25px;padding-top:24px;gap:10px}.detail-section-title h3{font-size:14px;margin:0}.detail-section-title h3 span{font-size:11px;background:#f1f3ef;padding:3px 6px;border-radius:4px;margin-left:7px;color:#8e9993}.type-empty{padding:35px 15px 10px;text-align:center;color:#acb6b1}.type-empty strong{display:block;font-size:15px;color:#697b70;margin:15px 0 8px}.type-empty p{font-size:11px;margin:0 auto 23px;max-width:330px}.type-vehicles{display:flex;flex-direction:column;margin-top:15px;gap:9px}.vehicle-list-row{display:flex;align-items:center;gap:13px;padding:9px;background:#f7f8f5;border:1px solid #e7eae4;border-radius:9px;text-align:left}.vehicle-list-row img{width:70px;height:53px;object-fit:cover;border-radius:5px}.vehicle-list-row>span{flex:1;min-width:0}.vehicle-list-row strong{font-size:12px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vehicle-list-row small{display:block;font-size:10px;color:#9ba5a0;margin-top:6px}.vehicle-list-row>svg{color:#929e98;margin-right:5px}.detail-photo{position:relative;background:#f0f2ef;border-radius:12px;overflow:hidden;aspect-ratio:1.65}.detail-photo>img{width:100%;height:100%;object-fit:contain}.photo-type{position:absolute;bottom:13px;left:13px;background:#fffdf1ed;color:#6e755f;font-size:10px;border-radius:5px;padding:7px 9px}.photo-strip{display:flex;gap:9px;overflow:auto;margin:12px 0 0}.photo-strip button{padding:3px;border:1px solid #dde3dc;border-radius:7px;background:none;flex-shrink:0}.photo-strip button.active{border-color:#d64a3d}.photo-strip img{display:block;width:70px;height:50px;object-fit:cover;border-radius:4px}.detail-actions{display:flex;gap:9px;flex-wrap:wrap;margin:21px 0}.favorite-active{color:#c54d41}.favorite-active svg{fill:#c54d4115}.vehicle-facts{display:grid;grid-template-columns:1fr 1fr;margin:25px 0;gap:22px}.vehicle-facts dt{font-size:10px;color:#97a19a;margin-bottom:7px}.vehicle-facts dd{font-size:12px;margin:0;line-height:1.65;overflow-wrap:anywhere}.notes{border-radius:9px;background:#f6f7f2;padding:17px 18px}.notes h3{font-size:12px;margin-bottom:9px}.notes p{font-size:12px;color:#829087;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.photo-management{display:flex;align-items:center;gap:15px;font-size:10px;color:#9da69f;margin-top:22px;flex-wrap:wrap}.photo-management button{font-size:10px}.detail-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;padding-top:18px;margin-top:20px}.detail-bottom button{font-size:10px}.upload-zone{background:#f5f6f1;border:1px dashed #d9dfd3;padding:19px;border-radius:11px;margin-bottom:25px}.upload-heading{display:flex;align-items:center;gap:12px;color:#9ba794}.upload-heading h3{font-size:14px;color:#60715e;margin:0 0 7px}.upload-heading p{font-size:10px;color:#98a18f;margin:0}.upload-buttons{display:flex;gap:9px;margin-top:17px}.upload-buttons .button{background:#ffffffa8;font-size:10px}.upload-previews{display:flex;gap:10px;flex-wrap:wrap}.upload-previews:empty{display:none}.upload-previews>div{position:relative;margin-top:14px}.upload-previews img{width:77px;height:63px;object-fit:cover;border-radius:6px}.upload-previews button{position:absolute;top:-5px;right:-5px;background:#fff;color:#6c7a6a;border:1px solid #dee5d9;box-shadow:0 2px 5px #0001;border-radius:50%;width:23px;height:23px;display:grid;place-items:center}.upload-status{font-size:10px;color:#829078;margin:12px 0 0}.upload-status:empty{display:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.field-hint{font-size:10px;color:#929d94;line-height:1.7;margin:-5px 0 21px}.optional{font-size:9px;color:#a9b1aa;font-weight:400;margin-left:5px}.extra-fields{border-top:1px solid var(--line);padding-top:17px;margin:5px 0 20px}.extra-fields summary{font-size:12px;cursor:pointer;color:#7f8b83;padding:3px 0 17px}.form-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;gap:13px}.form-footer>span{font-size:9px;color:#9ca69e;display:flex;align-items:center;gap:5px}.form-footer .button{font-size:11px}.account-summary{display:flex;align-items:center;gap:15px;padding:0 0 25px}.avatar.large{width:52px;height:52px;font-size:20px;background:#f3eedc;color:#a58a3b}.account-summary h3{margin:0 0 6px;font-size:18px}.account-summary p{font-size:12px;color:#95a098;margin:0;overflow-wrap:anywhere}.settings-block{border-top:1px solid var(--line);padding:22px 0}.settings-block h3{font-size:14px;margin-bottom:8px}.settings-block p{font-size:11px;color:#929e95}.settings-block>summary{font-weight:600;cursor:pointer;font-size:12px}.settings-block>form{margin-top:20px}.settings-block.danger-zone>summary{color:#b75f51}.checkbox-label{display:flex;gap:9px;align-items:start;font-size:11px;line-height:1.6}.checkbox-label>input{width:15px;height:15px;min-height:0;flex-shrink:0;margin-top:2px}.about-logo{padding:3px 0 20px}.about-logo .brand small{color:#8f9a94}.source-list{padding-left:19px;font-size:11px;color:#798b7d;line-height:2.3}.source-list a{text-underline-offset:3px}.version-note{border-top:1px solid var(--line);padding-top:20px;margin-top:25px;font-size:10px!important;color:#acb4ad!important}.confirm-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);opacity:0;visibility:hidden;background:#27342d;color:#fff;z-index:20;max-width:calc(100vw - 32px);padding:14px 20px;border-radius:10px;font-size:12px;box-shadow:0 8px 25px #0002;transition:all .2s;line-height:1.6;text-align:center}#toast.visible{transform:translate(-50%,0);opacity:1;visibility:visible}
@media(min-width:1600px){.content{padding:45px 55px 20px}.topbar{padding-left:55px;padding-right:55px}.album-grid{gap:24px}.card-visual{aspect-ratio:1.6}.card-copy{padding:20px}.card-copy>p{font-size:10px}.card-title-line h3{font-size:19px}}
@media(max-width:1150px){.app-layout{grid-template-columns:218px minmax(0,1fr)}.sidebar{padding:29px 14px 14px}.sidebar .brand{font-size:18px}.sidebar .brand img{width:30px;height:30px}.sidebar .brand small{font-size:5px}.nav-item{font-size:10px}.nav-item.active:before{left:-14px}.content{padding:30px 25px 20px}.topbar{padding:20px 25px;gap:14px}.summary-row>div{padding:2px 14px;gap:9px}.summary-row>.summary-note{display:none}.summary-row{grid-template-columns:repeat(3,1fr)}.summary-row>div:nth-child(3){border-right:0}.album-heading h1{font-size:32px}.toolbar{gap:8px;flex-wrap:wrap}.search-box{flex-basis:100%}.toolbar>select{margin-left:auto}.section-note{display:none}.album-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}.private-label{display:none}.auth-panel{padding-left:9%;padding-right:9%}.auth-story{padding-left:8%;padding-right:8%}.auth-story h1{font-size:40px;letter-spacing:-1.7px}.auth-organizations{gap:15px;font-size:9px}.hero-illustration{padding:17px}.hero-illustration .vehicle-svg{height:150px}.illustration-bottom span{font-size:8px}}
@media(max-width:760px){.app-layout{display:block}.sidebar{position:static;height:auto;padding:19px 19px 0;display:grid;grid-template-columns:1fr auto}.sidebar .brand{margin:0;font-size:22px}.sidebar .brand img{width:34px;height:34px}.sidebar .brand small{font-size:6px;letter-spacing:1.25px}.sidebar-caption,.sidebar-album,.category-nav,.categories-label{display:none}.main-nav{grid-column:1/-1;flex-direction:row;margin:20px -19px 0;padding:0 19px;gap:6px;border-top:1px solid #ffffff06}.main-nav .nav-item{padding:14px 10px 17px;justify-content:center;font-size:10px;gap:7px;position:relative;border-radius:0}.main-nav .nav-item>svg{width:17px;height:17px}.main-nav .nav-item.active{background:none;color:#fff}.main-nav .nav-item.active:before{left:10px;right:10px;top:auto;bottom:0;height:3px;width:auto;background:var(--red);border-radius:3px 3px 0 0}.main-nav .nav-item>b{margin:0}.account-button{grid-column:2;grid-row:1;padding:0;border:0}.account-button>span:nth-child(2),.account-button>svg{display:none}.avatar{width:33px;height:33px}.topbar{min-height:65px;padding:13px 20px;background:#fff}.breadcrumb{font-size:9px}.breadcrumb strong{font-size:10px}.breadcrumb>span{margin:0 7px}.topbar .button{min-height:37px;font-size:10px;padding:10px 12px;gap:6px}.topbar .button svg{width:15px;height:15px}.content{padding:27px 19px 18px}.album-heading{margin-bottom:23px}.album-heading h1{font-size:29px;letter-spacing:-1.3px;margin-top:12px}.album-heading .eyebrow{font-size:6.5px;letter-spacing:1px}.album-heading p{font-size:10px;max-width:270px}.heading-mark{font-size:49px;letter-spacing:-4px}.heading-mark>span{font-size:4px;letter-spacing:.6px}.summary-row{margin-bottom:28px;padding:17px 0}.summary-row>div{padding:0 12px;gap:8px}.summary-row>div>svg{width:18px;height:18px}.summary-row>div>span>strong{font-size:21px}.summary-row strong small{font-size:10px}.summary-row>div>span>span{font-size:7px;letter-spacing:-.1px;white-space:normal;line-height:1.5}.album-section-head{margin-bottom:15px}.album-section-head h2{font-size:18px}.album-section-head .count-label{font-size:8px}.album-section-head .section-symbol>svg{width:21px;height:21px}.toolbar{gap:9px;margin-bottom:18px}.search-box>input{font-size:11px;min-height:43px}.filter-segments{flex:1}.filter-segments button{flex:1;font-size:9px;padding:9px 10px}.toolbar>select{width:131px;font-size:8px;padding:9px 5px;min-height:41px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vehicle-card{border-radius:9px}.card-visual{aspect-ratio:1.28}.card-index{top:11px;left:11px;font-size:6px}.card-visual>.vehicle-svg{width:96%;margin-top:10px}.missing-badge{font-size:6px;bottom:10px;gap:4px}.missing-badge svg{width:10px;height:10px}.collected-badge{font-size:6px;left:8px;bottom:8px;padding:4px 5px;gap:3px}.collected-badge svg{width:10px;height:10px}.collected .card-index{font-size:6px;padding:4px 5px}.card-copy{padding:13px 12px 10px}.card-title-line h3{font-size:16px}.card-copy>p{font-size:8px;min-height:25px;margin:7px 0 13px}.card-meta{font-size:6.5px;padding-top:10px}.small-check svg{width:12px;height:12px}.small-plus svg{width:13px;height:13px}.album-footer{flex-direction:column;align-items:flex-start;gap:13px;font-size:8px;margin-top:25px}.album-footer>button{font-size:9px}.favorite-button{width:28px;height:28px;right:7px;top:7px}.favorite-button>svg{width:15px;height:15px}.empty-state{padding:45px 18px}.empty-state h3{font-size:20px}.auth-layout{display:block}.auth-story{display:none}.auth-panel{min-height:100dvh;padding:25px 27px 20px;background:linear-gradient(180deg,#f1f1e9,#fafaf7 50%)}.auth-mobile-brand{display:block}.auth-mobile-brand .brand{font-size:25px}.auth-mobile-brand .brand small{font-size:6px}.auth-form-wrap{max-width:380px;padding:50px 0 35px}.auth-form-wrap h2{font-size:31px}.auth-intro{font-size:12px}.auth-footer{font-size:8px}.auth-footer button{font-size:8px}.privacy-note{font-size:8px}dialog,dialog.wide{max-width:calc(100vw - 20px);max-height:93dvh;border-radius:13px}.modal-header{padding:18px 19px}.modal-header h2{font-size:19px}.modal-content{padding:20px}.form-grid{gap:0 13px}.form-grid label{font-size:10px}.form-grid input,.form-grid select{font-size:12px;padding:11px 9px}.upload-zone{padding:16px}.upload-heading>svg{width:24px;height:24px}.upload-heading h3{font-size:12px}.upload-heading p{font-size:9px}.form-footer{flex-direction:column-reverse;align-items:stretch}.form-footer>span{justify-content:center;margin-top:3px}.form-footer .button{font-size:12px;min-height:45px}.detail-actions{gap:8px}.detail-actions .button{font-size:10px;padding:9px 10px}.vehicle-facts{gap:19px 15px}.vehicle-facts dt{font-size:9px}.vehicle-facts dd{font-size:11px}.detail-bottom{gap:12px}.detail-bottom button{font-size:9px}.photo-management{gap:10px}.photo-management .text-button{font-size:9px}.type-silhouette .vehicle-svg{height:150px}.type-intro h3{font-size:19px}.detail-section-title .button{font-size:10px}.detail-section-title h3{font-size:12px}.source-list{font-size:10px}#toast{font-size:11px;bottom:18px;padding:12px 16px;width:max-content}}
@media(max-width:370px){.content{padding-left:13px;padding-right:13px}.heading-mark{display:none}.topbar{padding-left:14px;padding-right:14px}.breadcrumb{display:none}.topbar .button{margin-left:auto}.sidebar{padding-left:14px;padding-right:14px}.main-nav{margin-left:-14px;margin-right:-14px;padding-left:8px;padding-right:8px}.summary-row>div{padding:0 9px}.summary-row>div>svg{display:none}.toolbar>select{width:117px;font-size:8px}.filter-segments button{padding-left:7px;padding-right:7px;font-size:8px}.form-grid{grid-template-columns:1fr}.form-grid label{font-size:12px}.form-grid input,.form-grid select{font-size:14px}.vehicle-facts{grid-template-columns:1fr}}
@keyframes pulse{0%,100%{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.mobile-categories{display:none}@media(max-width:760px){.mobile-categories{display:flex;gap:7px;margin:-5px -2px 25px;overflow-x:auto;padding:3px 2px 7px;scrollbar-width:thin}.mobile-categories>button{display:flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;min-height:35px;border-radius:6px;border:1px solid #e0e4dc;background:#fff;color:#939c95;font-size:9px;padding:8px 11px}.mobile-categories>button.active{background:#2d3439;border-color:#2d3439;color:#fff}}
/* Lesbare Beschriftungen auch bei vielen Albumplätzen. */
.album-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.card-copy>p{font-size:11px;min-height:35px}.card-meta{font-size:10px}.search-box>input{font-size:12px}.filter-segments button{font-size:11px}.toolbar>select{font-size:11px}.nav-item{font-size:12px}.category-nav .nav-item{font-size:11px}.summary-row>div>span>span{font-size:10px}.count-label,.section-note{font-size:10px}.album-heading p{font-size:13px}.missing-badge{font-size:9px}.collected-badge{font-size:9px}.card-index{font-size:8px}.auth-form-wrap label{font-size:13px}.auth-intro{font-size:14px}.auth-switch,.auth-switch button{font-size:12px}.privacy-note{font-size:10px}.auth-organizations{font-size:11px}
@media(max-width:1150px){.album-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.summary-row>div>span>span{font-size:9px}.filter-segments button{font-size:10px}.toolbar>select{font-size:10px}}
@media(max-width:760px){.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-copy>p{font-size:10px;min-height:32px}.card-meta{font-size:8px}.missing-badge{font-size:7px}.card-index{font-size:7px}.collected-badge{font-size:7px}.main-nav .nav-item{font-size:10px}.filter-segments button{font-size:10px;padding-left:8px;padding-right:8px}.toolbar>select{font-size:9px}.album-heading p{font-size:11px}.summary-row>div>span>span{font-size:8px}.count-label{font-size:9px}.mobile-categories>button{font-size:10px}.auth-intro{font-size:13px}.privacy-note{font-size:9px}}
/* Administration und schreibgeschützte Nutzeransicht */
[hidden]{display:none!important}.admin-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#927443;border:1px solid #e4dcc4;background:#f5f0df;border-radius:8px;padding:10px 13px;white-space:nowrap}.admin-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:0 0 28px}.admin-summary>div{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:22px}.admin-summary>div>svg{color:#a5ada8}.admin-summary strong{font-size:27px;letter-spacing:-1px;display:block}.admin-summary small{display:block;color:#939e95;font-size:10px;margin-top:7px}.admin-panel{border:1px solid var(--line);border-radius:12px;background:#fff;padding:24px;min-width:0}.admin-panel-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.admin-panel-header h2{font-size:20px;margin:0 0 8px}.admin-panel-header p{font-size:11px;color:#98a199;margin:0}.admin-search{max-width:450px;margin-bottom:22px}.admin-table-wrap{overflow-x:auto;width:100%;border:1px solid #e9ece7;border-radius:8px}.admin-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px;text-align:left}.admin-table th{background:#f5f6f1;color:#919b92;font-size:9px;font-weight:600;letter-spacing:.3px;padding:15px 13px;border-bottom:1px solid #e6e9e1}.admin-table td{padding:17px 13px;border-bottom:1px solid #eff1eb;vertical-align:middle;color:#67766b;font-variant-numeric:tabular-nums}.admin-table tr:last-child td{border-bottom:0}.admin-table td small{display:block;font-size:9px;color:#a0aaa0;margin-top:6px}.admin-user-name{display:flex;align-items:center;gap:6px}.admin-user-name strong{font-size:12px;color:#405044}.admin-user-email{display:block;font-size:10px;color:#99a398;margin-top:7px}.admin-role{border-radius:4px;font-size:8px;background:#f0ead8;color:#9a8045;padding:3px 5px}.admin-table .button{font-size:10px;min-height:33px;padding:8px}.admin-unknown,.admin-self{font-size:10px;color:#a8b0a5}.activity-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#81a884}.admin-footnote{display:flex;align-items:center;gap:7px;font-size:9px;color:#a0aa9d;padding-top:19px;line-height:1.6}.admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 1px 0;font-size:10px;color:#97a291}.admin-pagination>div{display:flex;gap:8px}.admin-pagination .button{font-size:10px;min-height:32px;padding:8px 11px}.admin-loading{padding:30px;text-align:center;font-size:12px;color:#a1ac9c}.admin-view-banner{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f6edcb;border-bottom:1px solid #e1cea0;padding:12px 30px;color:#8b7342}.admin-view-banner>span{display:flex;gap:11px;align-items:center;min-width:0}.admin-view-banner strong{font-size:12px;display:block;overflow-wrap:anywhere}.admin-view-banner small{font-size:10px;display:block;margin-top:5px;overflow-wrap:anywhere}.admin-view-banner .button{font-size:10px;white-space:nowrap;border-color:#dfd2ad;color:#8b7342;background:#fff9e6}
@media(max-width:1150px){.admin-summary{gap:10px}.admin-summary>div{padding:18px 13px;gap:10px}.admin-summary strong{font-size:24px}.admin-summary small{font-size:9px}.admin-panel{padding:18px}}
@media(max-width:760px){.admin-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px}.admin-summary>div{padding:17px}.admin-summary small{font-size:9px}.admin-label{font-size:9px;padding:8px}.admin-panel{padding:16px}.admin-panel-header{align-items:flex-start;gap:12px}.admin-panel-header h2{font-size:18px}.admin-panel-header p{font-size:10px;line-height:1.6}.admin-panel-header>.button{font-size:9px;padding:8px;min-height:33px}.admin-panel-header>.button>svg{display:none}.admin-table th,.admin-table td{padding-left:12px;padding-right:12px}.admin-footnote{font-size:8px;align-items:flex-start}.admin-footnote>.activity-dot{margin-top:4px}.admin-view-banner{padding:11px 14px;gap:10px}.admin-view-banner>span{gap:8px}.admin-view-banner>span>svg{width:16px;flex-shrink:0}.admin-view-banner strong{font-size:10px}.admin-view-banner small{font-size:8px}.admin-view-banner .button{font-size:8px;padding:9px;gap:4px}.admin-view-banner .button>svg{width:12px}.main-nav:has([data-page="admin"]){padding-left:5px;padding-right:5px;gap:0}.main-nav:has([data-page="admin"]) .nav-item{gap:4px;font-size:9px;padding-left:5px;padding-right:5px}}
@media(max-width:760px){.admin-table-wrap{border:0;border-radius:0;overflow:visible}.admin-table,.admin-table tbody{display:block;width:100%;white-space:normal}.admin-table thead{display:none}.admin-table tbody{display:grid;gap:12px}.admin-table tr{display:grid;grid-template-columns:1fr 1fr;gap:16px 10px;border:1px solid #e6eae1;border-radius:9px;padding:16px}.admin-table td{display:block;padding:0;border:0!important;min-width:0;font-size:11px;overflow-wrap:anywhere}.admin-table td:first-child,.admin-table td:last-child{grid-column:1/-1}.admin-table td[data-label]:before{content:attr(data-label);display:block;color:#a0aa9d;font-size:8px;margin-bottom:7px}.admin-table td:last-child{padding-top:6px}.admin-table td:last-child>.button{width:100%;min-height:36px;font-size:11px}.admin-user-name strong{font-size:13px}.admin-user-email{font-size:11px;overflow-wrap:anywhere}}
/* Öffentlich erreichbare Navigation aus Anmeldung, Album und Adminbereich. */
.auth-home-link{display:inline-block;margin:0 0 25px;text-decoration:none;color:#929c8c;font-size:10px}.auth-footer{flex-wrap:wrap}.auth-footer a{text-decoration:none;font-size:9px;color:inherit;padding:5px}.app-legal-links{display:flex;justify-content:flex-end;gap:18px;padding:12px 0 8px;font-size:10px;color:#929e87}.app-legal-links a{text-decoration:none}.app-legal-links a:hover,.auth-footer a:hover{color:#d74637}