.photo-tool{max-width:1400px;width:100%;margin:auto}.photo-tool h1{font-size:clamp(36px,5vw,70px);margin:25px 0}.photo-tool h2{font-size:32px;margin-top:45px}.photo-tool>p{max-width:750px;color:#cad7e3}.photo-form{max-width:640px;display:grid;gap:18px;margin:25px 0}.photo-form label{display:grid;gap:9px;font-size:14px;line-height:1.6}.photo-form input:not([type=checkbox]),.photo-form textarea{width:100%;background:#10283e;color:#fff;border:1px solid #94a5b3;border-radius:5px;padding:14px;font:16px Arial}.photo-form .consent{display:flex;align-items:flex-start;gap:12px;font-size:12px}.consent input{margin-top:5px}.photo-form button{justify-self:start}.photo-notice{border:1px solid #dfbd7e;background:#163c5366;padding:20px;margin:25px 0;max-width:850px}.photo-upload-box{padding:30px;background:#173b5155;border:1px solid #b6cbda33;border-radius:10px}.photo-upload-box h2{margin-top:0}.camera-options{display:flex;gap:15px;flex-wrap:wrap}.photo-form .camera-pick{position:relative;background:#d9bb7d;color:#14293c;padding:15px 20px;border-radius:5px;cursor:pointer;overflow:hidden;display:flex;align-items:center;min-height:55px}.camera-pick input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.camera-pick:focus-within{outline:3px solid #eacb88;outline-offset:4px}.photo-selected{font-size:12px;color:#ccd8e1;margin:0}.event-photo-grid,.board-photo-grid,.board-events{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.event-photo-grid figure{margin:0;background:#14384b66}.event-photo-grid img,.board-photo-grid img{display:block;width:100%;height:260px;object-fit:contain;background:#091d2c}.event-photo-grid figcaption{padding:15px;font-size:13px;overflow-wrap:anywhere}.board-events article,.board-photo-grid article{padding:20px;background:#183c5166;border:1px solid #b6cbda33;border-radius:7px}.board-events h3,.board-photo-grid h3{font-size:22px;margin:5px 0 15px}.board-events p,.board-photo-grid p{font-size:13px;overflow-wrap:anywhere}.board-events .button{padding:12px 15px;white-space:normal;font-size:12px}.board-events a{display:inline-block;margin-top:16px;font-size:12px}.board-photo-grid form{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.board-photo-grid button,.board-logout button{padding:10px 14px;border:1px solid #c7ae75;background:#183c51;color:#ead09a;border-radius:5px;font:12px Arial;cursor:pointer}.board-photo-grid strong{font-size:12px;color:#e9c990}.board-password{margin-top:40px}.board-password summary{cursor:pointer;font-size:18px}.event-photo-link{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:#e9cb90;font-size:12px}.event-photo-link svg{width:23px;height:23px}.meeting .event-actions{display:flex;align-items:center;gap:16px}.meeting .event-actions>a{padding:8px}.event-actions .camera-link svg{width:26px;height:26px}.photo-form button[disabled]{opacity:.6;cursor:wait}@media(max-width:850px){.event-photo-grid,.board-photo-grid,.board-events{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-upload-box{padding:20px}.meeting .event-actions{gap:5px}}@media(max-width:550px){.event-photo-grid,.board-photo-grid,.board-events{grid-template-columns:1fr}.camera-options{flex-direction:column}.photo-tool h2{font-size:28px}.photo-form .button{white-space:normal}.meeting .event-actions{flex-direction:column}.event-actions .camera-link svg{width:22px;height:22px}}
.photo-form .camera-pick{gap:10px}.event-archive .meeting{grid-template-columns:76px minmax(0,1fr) auto}.event-archive .meeting .event-actions{gap:10px}@media(max-width:600px){.event-archive .meeting{grid-template-columns:64px minmax(0,1fr) auto}}
.desktop-drop{display:none}.photo-preview{display:block;max-width:100%;max-height:300px;object-fit:contain;background:#0a1f30;border-radius:6px}.photo-preview[hidden]{display:none}@media(hover:hover) and (pointer:fine){.desktop-drop{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:35px 24px;border:2px dashed #bba472;border-radius:9px;color:#e8c992;background:#0e2b4066;cursor:pointer;transition:background .15s,border-color .15s}.desktop-drop span{font-size:12px;color:#c5d3df}.desktop-drop.drag-active,.desktop-drop:hover,.desktop-drop:focus-visible{background:#31516a88;border-color:#f4d99d}}
.user-invitation{padding:25px;background:#27485d66;border:1px solid #dfc58d88;border-radius:8px;margin:30px 0}.user-invitation h2{margin-top:0}.user-invitation input{display:block;width:100%;padding:12px;background:#0d273a;color:#e9dfc7;border:1px solid #91a2af;border-radius:5px;margin:12px 0;font-size:13px}.user-invitation button,.user-actions button{padding:10px 14px;background:#173c50;color:#e6c78d;border:1px solid #baa16e;border-radius:5px;cursor:pointer}.user-create{margin:35px 0;padding:25px;border:1px solid #a6b8ca33;border-radius:8px}.user-create summary{cursor:pointer;font-size:23px;color:#ebce97}.photo-form select,.user-actions select{background:#0d273a;color:#e9edf2;padding:12px;border:1px solid #91a2af;border-radius:5px;max-width:100%;min-height:48px;font-size:14px}.user-list{display:grid;gap:15px}.user-list article{border:1px solid #b6c8d733;padding:23px;border-radius:7px;background:#16344866;display:flex;gap:25px;justify-content:space-between;align-items:center}.user-list h3{font-size:23px;margin:0 0 10px}.user-list p,.user-list small{font-size:12px;color:#cbd5de}.user-actions{display:grid;gap:15px}.user-actions form{display:flex;flex-wrap:wrap;gap:9px;align-items:end}.user-actions label{display:grid;gap:5px;font-size:11px}.user-invitation #copy-status{margin-left:10px;font-size:12px}@media(max-width:760px){.user-list article{display:block}.user-actions{margin-top:20px}.user-create{padding:18px}.photo-preview{max-height:210px}}
.photo-preview{width:180px;height:140px;max-width:100%;object-fit:contain;border:1px solid #b8c9d233}.photo-form label[for=caption]{margin-top:0}
.event-thumbnails{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.event-thumbnails>a:not(.event-photo-count){display:block;border:1px solid #c2d4e033;border-radius:5px;overflow:hidden;line-height:0}.event-thumbnails img{display:block;width:100px;height:70px;object-fit:cover;background:#102638}.event-thumbnails .event-photo-count{font-size:11px;color:#dec28e;padding:8px}.event-thumbnails a:hover{outline:1px solid #d6bd86;outline-offset:2px}.photo-upload-box{margin-top:35px}#album,#upload,#fotos-pruefen{scroll-margin-top:140px}.event-archive .event-thumbnails{margin-top:10px}.event-archive .event-thumbnails img{width:76px;height:54px}@media(max-width:600px){.event-thumbnails img{width:84px;height:60px}.event-thumbnails{gap:8px}}
.board-shortcuts{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin:25px 0 35px}.board-shortcuts .board-logout{margin:0}.board-shortcuts .text-link{font-size:12px}.board-photo-grid{margin-bottom:45px}.photo-form .photo-notice{margin:10px 0}.photo-notice{overflow-wrap:anywhere}
.board-photo-grid img{height:180px;object-fit:contain}.board-photo-grid article{padding:16px}.photo-print-link{display:inline-block;font-size:11px;color:#dfc58d;margin-top:14px;text-decoration:underline}
/* Bildvorschauen in eigener Spalte neben den Eventangaben. */
#meetings .meeting.meeting-with-photos{grid-template-columns:100px minmax(0,1fr) auto auto;align-items:center}.meeting-with-photos>.event-thumbnails{display:grid;grid-template-columns:repeat(2,100px);gap:8px;margin:0 16px}.meeting-with-photos>.event-thumbnails .event-photo-count{grid-column:1/-1;text-align:center;padding:3px;font-size:10px}.event-archive .meeting.meeting-with-photos{grid-template-columns:76px minmax(0,1fr) auto auto}.event-archive .meeting-with-photos>.event-thumbnails{grid-template-columns:repeat(2,76px)}@media(max-width:760px){#meetings .meeting.meeting-with-photos{grid-template-columns:65px minmax(0,1fr) auto;gap:14px}.meeting-with-photos>.event-thumbnails{grid-column:2;grid-row:2;justify-self:start;margin:0;grid-template-columns:repeat(2,84px)}.meeting-with-photos>.event-actions{grid-column:3;grid-row:1}.event-archive .meeting-with-photos>.event-thumbnails{grid-template-columns:repeat(2,76px)}}
.photo-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.photo-account-grid>div{min-width:0}.photo-account-grid h2{margin-top:30px}.photo-account-grid .consent a{text-decoration:underline}.photo-login-hint{font-size:12px;margin:0 0 25px;color:#e1c78c}.photo-login-hint a{text-decoration:underline}.photo-login-hint[hidden]{display:none}@media(max-width:760px){.photo-account-grid{grid-template-columns:1fr;gap:25px}}
.preview-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.preview-choice{display:grid;gap:13px;padding:16px;background:#18384d77;border:1px solid #b5c7d444;border-radius:8px;cursor:pointer}.preview-choice:has(input:checked){border-color:#e0bf78;background:#34526577}.preview-choice img{display:block;width:100%;height:160px;object-fit:contain;background:#0b2133}.preview-choice span{font-size:13px;display:flex;gap:9px;align-items:center}.preview-choice small{font-size:12px;color:#c6d2df;overflow-wrap:anywhere}.preview-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:22px}.preview-selection>p{font-size:12px;margin-top:25px}@media(max-width:760px){.preview-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.preview-choice-grid{grid-template-columns:1fr}}
.photo-credit{display:block;margin-top:10px;font-size:11px;color:#d9c390;line-height:1.6}.board-photo-grid .photo-credit{margin:0 0 12px}
.user-actions .board-access-check{display:flex;align-items:center;gap:10px;font-size:13px;color:#ecd39c}.board-access-check input{width:18px;height:18px;accent-color:#d8b978}.board-access-form{padding:12px;border:1px solid #dfc58d44;border-radius:6px}.advanced-user-role summary{cursor:pointer;font-size:11px;color:#c8d2de;margin-bottom:10px}.advanced-user-role form{margin-top:12px}
.board-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.board-photo-grid article{min-width:0}.board-photo-grid h3{font-size:19px}.board-photo-grid img{height:150px}.inline-preview-picker{border-top:1px solid #c2d1df2a;margin-top:16px;padding-top:13px;display:flex;gap:7px;flex-wrap:wrap}.inline-preview-picker>span{width:100%;font-size:11px;color:#c5d2df}.inline-preview-picker form{margin:0}.inline-preview-picker button.chosen{background:#d9bc80;color:#142c3f}.photo-pagination{display:flex;align-items:center;justify-content:center;gap:25px;margin:22px 0 45px;font-size:12px;flex-wrap:wrap}.photo-pagination a{border:1px solid #b4a074;padding:10px 15px;border-radius:5px;color:#e2c68e}.photo-pagination span{color:#cbd7e1}@media(max-width:1050px){.board-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.board-photo-grid{grid-template-columns:1fr}}
/* Einheitliche Unterkante ab Status, unabhängig von Titel, Beschreibung und Urheber. */
 .board-photo-grid{align-items:stretch}.board-photo-grid>article{display:flex;flex-direction:column}.board-photo-grid>article>img{flex-shrink:0}
.photo-card-controls{margin-top:auto;padding-top:24px;display:grid;grid-template-rows:40px 100px 48px 96px;flex-shrink:0;min-width:0}
.photo-card-controls>strong{display:block;line-height:18px;align-self:start;margin:0}
.board-photo-grid .photo-card-controls>form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:42px;gap:8px;margin:0;align-content:start;align-items:stretch}
.board-photo-grid .photo-card-controls button{box-sizing:border-box;width:100%;min-width:0;height:42px;padding:8px 4px;font-size:12px;white-space:nowrap;justify-content:center}
.photo-card-controls [data-button-icon]::before{display:none!important}.photo-card-controls [data-button-icon]{gap:0!important}
.photo-card-controls>.photo-print-link{margin:0;align-self:start;line-height:18px;overflow-wrap:anywhere}
.photo-card-controls>.inline-preview-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:22px 42px;gap:8px;margin:0;padding-top:12px;align-self:stretch;align-content:start}
.inline-preview-picker>span{grid-column:1/-1;width:auto}.board-photo-grid .inline-preview-picker>form{display:block;margin:0;min-width:0}.photo-card-preview-space{min-height:96px}
/* Einheitliche Höhen für Eingaben und Auswahlfelder, auch in Safari. */
.photo-form input:not([type=checkbox]):not([type=hidden]):not([type=file]),.photo-form select,.user-actions select{box-sizing:border-box;height:50px;min-height:50px;line-height:20px;padding:14px;font-size:15px}.photo-form select,.user-actions select{-webkit-appearance:none;appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23dfc58d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:20px}.user-role-form select{min-width:165px}.role-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:25px 0}.role-overview>div{padding:20px;border:1px solid #bfcedc33;border-radius:6px;background:#173a5055}.role-overview strong{color:#e3c88f}.role-overview p{font-size:12px;margin-bottom:0;color:#c9d4df}.user-role-form button{height:50px}.user-list .user-actions{min-width:235px}@media(max-width:760px){.role-overview{grid-template-columns:1fr}.user-list .user-actions{min-width:0}}

.user-list article{flex-wrap:wrap}.user-edit{flex-basis:100%;border-top:1px solid #c2d1df33;padding-top:15px}.user-edit summary{cursor:pointer;color:#e2c68e;font-size:14px}.user-edit .photo-form{max-width:600px}

.photo-form[hidden]{display:none}