.muf-journal{color-scheme:light;--paper:#f8f5ec;--white:#fffdf8;--ink:#29362d;--muted:#5b675d;--green:#314c3b;--deep:#273f31;--line:#e1ddce;--warm:#b86b47;--sage:#e5eadb;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.muf-journal *{box-sizing:border-box}
.muf-journal [hidden]{display:none!important}
.muf-journal{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 var(--sans)}
.muf-journal button, .muf-journal input, .muf-journal select, .muf-journal textarea{font:inherit}
.muf-journal button{cursor:pointer}
.muf-journal button:disabled{cursor:wait;opacity:.6}
.muf-journal button:focus-visible, .muf-journal a:focus-visible, .muf-journal input:focus-visible, .muf-journal select:focus-visible, .muf-journal textarea:focus-visible{outline:2px solid #a75837;outline-offset:3px}
.muf-journal .shell{width:min(1216px,calc(100% - 80px));margin-inline:auto}
.muf-journal .top{background:var(--white);border-bottom:1px solid var(--line)}
.muf-journal .top-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.muf-journal .brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font:24px/1 var(--serif);white-space:nowrap}
.muf-journal .brand i{color:#9b583a}
.muf-journal .brand small{display:block;font:700 9px/1.4 var(--sans);letter-spacing:.16em;margin-top:5px}
.muf-journal .logo{width:40px;height:40px;border-radius:50%;background:var(--sage);display:grid;place-items:center}
.muf-journal .logo svg{width:30px;stroke:var(--deep);stroke-width:1.25;stroke-linecap:round}
.muf-journal nav{display:flex;gap:7px}
.muf-journal nav button{border:0;background:transparent;border-radius:7px;padding:9px 13px;color:var(--muted);font-weight:650;font-size:14px}
.muf-journal nav button[aria-current]{background:var(--sage);color:var(--deep)}
.muf-journal .primary, .muf-journal .secondary, .muf-journal .ghost{border:1px solid transparent;border-radius:8px;padding:9px 14px;font-weight:650;font-size:14px}
.muf-journal .primary{background:var(--green);color:white}
.muf-journal .primary:hover{background:#223a2c}
.muf-journal .secondary{background:var(--white);border-color:var(--line);color:var(--deep)}
.muf-journal .secondary:hover, .muf-journal .ghost:hover{background:var(--sage)}
.muf-journal .ghost{background:transparent;color:var(--green);padding-inline:8px}
.muf-journal .hero{position:relative;isolation:isolate;overflow:hidden;background:#e8ebdf;border:1px solid #dce1d0;border-radius:17px;margin-top:28px;min-height:214px;display:flex;align-items:center}
.muf-journal .hero-copy{padding:32px 36px;position:relative;z-index:1;width:66%}
.muf-journal .eyebrow{font-weight:750;letter-spacing:.16em;font-size:10px;color:#52664f}
.muf-journal h1, .muf-journal h2, .muf-journal h3, .muf-journal h4, .muf-journal p{margin:0}
.muf-journal h1, .muf-journal h2, .muf-journal h3, .muf-journal h4{font-family:var(--serif);font-weight:400;line-height:1.15}
.muf-journal h1{font-size:clamp(40px,5.2vw,66px);letter-spacing:-.055em;margin:8px 0 10px}
.muf-journal .hero p{font-size:15px;color:#435747;max-width:470px}
.muf-journal .weave-art{position:absolute;inset:0 0 0 auto;width:42%;background:
linear-gradient(90deg,#e8ebdf,transparent 43%),
repeating-linear-gradient(0deg,transparent 0 3px,#eef0e740 3px 5px),
repeating-linear-gradient(90deg,transparent 0 3px,#384e3e20 3px 5px),
repeating-linear-gradient(0deg,#627c6370 0 30px,#e8dfc37a 30px 54px,#b977537a 54px 61px,#e8dfc370 61px 88px,#405c4990 88px 122px,#e0d1ac85 122px 146px),
repeating-linear-gradient(90deg,#c2ccb5 0 22px,#617c64 22px 44px,#dcd4b9 44px 70px,#ae755b 70px 75px,#ebe0c3 75px 94px,#81967e 94px 129px,#e8e5d0 129px 146px)}
.muf-journal .focus-banner{margin:20px 0 29px;border:1px solid #e6d8c4;border-radius:12px;background:#f5ebdb;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px}
.muf-journal .focus-banner .eyebrow{color:#875137}
.muf-journal .focus-banner strong{display:block;font:23px var(--serif);margin-top:3px}
.muf-journal .focus-banner button{white-space:nowrap}
.muf-journal .section-title{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:24px 0 14px}
.muf-journal .section-title p{color:var(--muted);font-size:13px}
.muf-journal h2{font-size:33px;letter-spacing:-.035em}
.muf-journal .filters{padding:14px;background:var(--white);border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:1.55fr repeat(4,1fr);gap:11px}
.muf-journal label{display:flex;flex-direction:column;gap:5px;min-width:0;color:var(--ink);font-size:12px;font-weight:700}
.muf-journal input, .muf-journal select, .muf-journal textarea{min-width:0;width:100%;background:#fffefa;border:1px solid #d6d8ca;border-radius:7px;padding:8px 9px;color:var(--ink);font-size:14px;font-weight:400}
.muf-journal textarea{resize:vertical}
.muf-journal .group{margin:25px 0 31px}
.muf-journal .group-title{display:flex;align-items:center;gap:10px;margin-bottom:11px}
.muf-journal .group-title h3{font-size:28px}
.muf-journal .group-title small{margin-left:auto;color:var(--muted)}
.muf-journal .group-symbol{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:var(--sage);color:#405944}
.muf-journal .group-symbol svg{width:21px;height:21px}
.muf-journal .group.spin .group-symbol{background:#eee4d8;color:#855e41}
.muf-journal .group.weave .group-symbol{background:#e7e3ee;color:#675772}
.muf-journal .group.sew .group-symbol{background:#f3e3e5;color:#804c59}
.muf-journal .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.muf-journal .card, .muf-journal .week-card{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0}
.muf-journal .card{display:flex;flex-direction:column;gap:10px;overflow-wrap:anywhere}
.muf-journal .card h4{font-size:24px}
.muf-journal .badges{display:flex;flex-wrap:wrap;gap:6px}
.muf-journal .badge{border-radius:100px;padding:3px 8px;font-size:11px;font-weight:720;background:#edebe1;color:#4d594f}
.muf-journal .badge.active, .muf-journal .badge.done{background:#e5ecdf;color:#365840}
.muf-journal .badge.high{background:#f5e5d9;color:#873d21}
.muf-journal .progress{font-size:13px;color:#3e5142}
.muf-journal .progress strong{display:block;font-size:11px;margin-bottom:3px}
.muf-journal .meter{width:100%;height:5px;display:block;margin-top:7px;accent-color:var(--green)}
.muf-journal .card dl{display:grid;grid-template-columns:max-content 1fr;gap:3px 9px;margin:0;font-size:12px}
.muf-journal .card dt{font-weight:700}
.muf-journal .card dd{margin:0;color:var(--muted)}
.muf-journal .card-actions{display:flex;flex-wrap:wrap;gap:3px;margin-top:auto;border-top:1px solid var(--line);padding-top:7px}
.muf-journal .card-actions button{font-size:12px}
.muf-journal .card-actions button:first-child{padding-left:3px}
.muf-journal footer{border-top:1px solid var(--line);padding:18px 0 26px;margin-top:32px!important;color:var(--muted);font-size:12px}
.muf-journal footer span{padding:0 5px}
.muf-journal .loading, .muf-journal .empty{padding:26px 15px;text-align:center;color:var(--muted)}
.muf-journal #notice:not(:empty){margin:12px 0;padding:10px 13px;background:#e6eddf;border-radius:8px}
.muf-journal #notice.error{background:#f6e6db;color:#7a3822}
.muf-journal .week-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:14px}
.muf-journal .week-card h3{font-size:24px;margin-bottom:11px}
.muf-journal .week-card p{color:var(--muted);margin:7px 0 12px}
.muf-journal .week-card button{margin-top:10px}
.muf-journal .week-controls{display:flex;align-items:center;gap:8px}
.muf-journal .notes{list-style:none;margin:15px 0 0;padding:0}
.muf-journal .notes li{padding:10px 0;border-top:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}
.muf-journal .notes time{display:block;color:var(--muted);font-size:11px;font-weight:700;margin-bottom:3px}
.muf-journal dialog{width:min(570px,calc(100% - 28px));max-height:calc(100% - 28px);padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--white);color:var(--ink)}
.muf-journal dialog::backdrop{background:#1e2f23aa}
.muf-journal .dialog-top, .muf-journal .dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:9px}
.muf-journal .dialog-top{margin-bottom:14px}
.muf-journal .dialog-actions{justify-content:flex-end;margin-top:13px}
.muf-journal .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.muf-journal .wide{grid-column:1/-1}
.muf-journal .optional{display:contents;font-weight:400}
.muf-journal #form-error{color:#873d21}
@container (max-width:920px){
.muf-journal .shell{width:calc(100% - 38px)}
.muf-journal .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.muf-journal .filters{grid-template-columns:repeat(4,1fr)}
.muf-journal .filters label:first-child{grid-column:1/-1}}
@container (max-width:620px){
.muf-journal .shell{width:calc(100% - 26px)}
.muf-journal .top-inner{flex-wrap:wrap;padding:12px 0;gap:10px}
.muf-journal .brand{font-size:20px}
.muf-journal .brand small{font-size:8px}
.muf-journal .logo{width:31px;height:31px}
.muf-journal .logo svg{width:24px}
.muf-journal nav{order:3;width:100%}
.muf-journal nav button{flex:1;padding:7px 5px}
.muf-journal .top .primary{font-size:12px;padding:8px}
.muf-journal .hero{margin-top:14px;min-height:172px}
.muf-journal .hero-copy{padding:21px 16px;width:85%}
.muf-journal .hero p{font-size:13px}
.muf-journal .weave-art{opacity:.58;width:46%}
.muf-journal .cards, .muf-journal .week-grid{grid-template-columns:1fr}
.muf-journal .filters{grid-template-columns:1fr 1fr}
.muf-journal .focus-banner{padding:12px;margin-bottom:20px}
.muf-journal .focus-banner strong{font-size:19px}
.muf-journal .focus-banner button{font-size:12px;white-space:normal}
.muf-journal .section-title{align-items:start;flex-wrap:wrap}
.muf-journal .week-controls button{padding-inline:9px}}

.muf-journal{container-type:inline-size;margin-block:1rem;border-radius:14px;overflow:hidden}.muf-journal input,.muf-journal textarea,.muf-journal select{line-height:1.5}.muf-journal button{text-transform:none;letter-spacing:normal}.muf-journal [hidden]{display:none!important}

/* Projektbilder – Version 1.1 */
.muf-cover-button{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;margin-bottom:1rem;overflow:hidden;border-radius:12px}.muf-cover-button img{display:block;width:100%;height:190px;object-fit:cover}.muf-gallery-open{margin-top:1rem}.muf-photos{border:1px solid #ddd;border-radius:12px;padding:1rem;margin-top:1rem;min-width:0}.muf-photos legend{font-weight:700;padding:0 .4rem}.muf-cover-preview img{max-width:180px;max-height:130px;object-fit:cover;border-radius:8px}.muf-photo-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin:.7rem 0}.muf-photo-help{font-size:.9rem;opacity:.8}.muf-gallery-edit-row{display:flex;align-items:center;gap:.6rem;margin:.6rem 0;padding:.5rem;border:1px solid #ddd;border-radius:8px}.muf-gallery-edit-row img{width:64px;height:64px;object-fit:cover;border-radius:5px}.muf-gallery-edit-row label{flex:1;min-width:0}.muf-gallery-edit-row input{width:100%}.muf-lightbox{max-width:min(96vw,1100px);max-height:94vh;border:0;border-radius:12px;padding:1.2rem;background:#171a19;color:white}.muf-lightbox::backdrop{background:rgba(0,0,0,.85)}.muf-lightbox-inner{text-align:center}.muf-lightbox img{display:block;max-width:90vw;max-height:70vh;object-fit:contain;margin:auto}.muf-lightbox #muf-lightbox-close{float:right;font-size:1.6rem;background:transparent;color:white;border:0;cursor:pointer}.muf-lightbox-nav{display:flex;justify-content:center;align-items:center;gap:1rem}.muf-lightbox-nav button{color:white;background:#414c48;border:0;border-radius:6px;padding:.5rem;cursor:pointer}