:root{color-scheme:light;--bg:#f3f6fa;--white:#fff;--panel:#fff;--text:#23354b;--muted:#52677b;--border:#d9e3ec;--blue:#145f99;--teal:#16898e;--shadow:0 8px 32px rgba(32,62,90,.065);--radius:17px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font:16px/1.54 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #e7a344;outline-offset:3px}button:disabled{opacity:.55;cursor:not-allowed}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
h1,h2,h3,h4{letter-spacing:-.035em;line-height:1.18}h1{font-size:clamp(36px,5.2vw,65px)}h2{font-size:clamp(27px,3vw,36px)}h3{font-size:21px}p{margin:0}.muted{color:var(--muted)}
.top-stripe{height:6px;background:linear-gradient(90deg,#128553 0 20%,#1689c5 20% 40%,#754aa0 40% 60%,#db559b 60% 80%,#f0a137 80% 100%)}.wrap{max-width:1260px;margin:0 auto;padding:0 26px}.site-header{min-height:101px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);margin-bottom:31px}.identity{display:flex;align-items:center;gap:15px;min-width:0}.ifl-mark{display:flex;gap:3px;height:44px;align-items:center;flex-shrink:0}.ifl-mark i{width:11px;height:34px;display:block;transform:skewY(-11deg);border-radius:3px}.ifl-mark i:nth-child(1){height:29px;background:#16885a}.ifl-mark i:nth-child(2){height:35px;background:#1483bd}.ifl-mark i:nth-child(3){height:39px;background:#754ca1}.ifl-mark i:nth-child(4){height:35px;background:#d74b8d}.ifl-mark i:nth-child(5){height:29px;background:#eea33b}.identity-copy{display:flex;flex-direction:column;line-height:1.26;min-width:0}.identity-copy strong{font-size:23px;letter-spacing:-.05em;font-style:normal;white-space:nowrap}.identity-copy em{color:#176b9e;font-style:normal}.identity-copy>span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.header-links{display:flex;gap:6px;align-items:center}.header-links a{color:#48647c;padding:9px 16px;font-weight:650;font-size:14px;border-radius:9px}.header-links a:hover,.header-links a[aria-current="page"]{background:#e5f0f8;color:var(--blue)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 20px;border-radius:10px;border:1px solid transparent;font-weight:750;font-size:14px;transition:.18s ease;white-space:nowrap}.button.primary{background:var(--blue);color:white}.button.primary:hover{background:#0d4b7b;transform:translateY(-1px)}.button.secondary{color:var(--blue);border-color:var(--border);background:white}.button.secondary:hover{border-color:#a5bfd0;background:#f5faff}.button.small{min-height:36px;padding:8px 13px;font-size:13px}
.hero{border:1px solid #dbe5ee;background:linear-gradient(110deg,#fff 4%,#f9fbfd 64%,#e8f2f6 100%);border-radius:23px;padding:clamp(27px,5vw,56px);display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.75fr);gap:30px;overflow:hidden;position:relative;box-shadow:var(--shadow)}.hero-text{position:relative;z-index:1}.eyebrow,.overline{letter-spacing:.13em;text-transform:uppercase;font-weight:850;color:var(--blue);font-size:11px}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow-dot{width:8px;height:8px;background:#1e9f8b;border-radius:50%}.hero h1{margin:20px 0 18px;max-width:650px}.hero h1 span{color:var(--blue)}.hero p{max-width:660px;font-size:17px;color:#51687d;line-height:1.67}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:17px;margin-top:29px}.hero-muted{font-size:13px;color:#63798c}.hero-art{display:flex;align-items:center;justify-content:center;position:relative}.art-grid{width:277px;height:280px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:11px;transform:rotate(-8deg);filter:drop-shadow(0 13px 21px rgba(22,75,106,.12))}.art-grid span{border:1px solid #cddce7;border-radius:16px;display:grid;place-items:center;font-size:21px;font-weight:900;color:#216489;background:#f8fcff;letter-spacing:-.04em}.art-grid span:nth-child(3n+2){color:#18827f;background:#edf9f7}.art-grid span:nth-child(3n){color:#7958a2;background:#f4eff8}.art-grid span:nth-child(5){background:#206b9b;color:white;font-size:17px}.art-label{position:absolute;bottom:-12px;right:4px;background:white;border:1px solid var(--border);padding:7px 13px;border-radius:20px;font-size:9px;letter-spacing:.16em;font-weight:900;color:#457493;box-shadow:var(--shadow)}
.overview-stats{display:flex;gap:0;margin:28px 0 54px}.overview-stats>div{display:flex;align-items:center;gap:10px;padding:0 24px;border-right:1px solid #cfdae4}.overview-stats>div:first-child{padding-left:1px}.overview-stats>div:last-child{border:0}.overview-stats strong{font-size:26px;letter-spacing:-.04em;color:#1a638f}.overview-stats span{font-size:13px;color:var(--muted)}.section{margin-bottom:60px;scroll-margin-top:25px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-head h2{margin:7px 0 7px}.section-head p:not(.overline){color:var(--muted);font-size:14px}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.tone-blue{--tone:#146f9f;--tint:#e8f2fa}.tone-teal{--tone:#178987;--tint:#e5f6f2}.tone-violet{--tone:#7957a4;--tint:#f0ebf8}.tone-orange{--tone:#b87825;--tint:#fdf1e1}.tone-pink{--tone:#bb5788;--tint:#fbedf4}.tone-green{--tone:#22845b;--tint:#e6f5ed}.category-card{min-width:0;min-height:217px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--border);border-radius:16px;background:white;padding:19px 18px 15px;box-shadow:var(--shadow);color:var(--text);transition:.18s}.category-card:hover,.category-card[aria-pressed="true"]{border-color:var(--tone);transform:translateY(-3px);box-shadow:0 13px 29px rgba(36,76,108,.1)}.category-icon,.group-icon,.mini-icon,.sort-icon{display:grid;place-items:center;flex-shrink:0;background:var(--tint,#e8f2fa);color:var(--tone,#146f9f)}.category-icon{width:52px;height:52px;font-size:24px;border-radius:13px;margin-bottom:18px}.category-title{font-weight:800;font-size:17px;letter-spacing:-.025em}.category-summary{font-size:12px;color:var(--muted);line-height:1.4;margin:8px 0 14px;flex:1}.category-foot{width:100%;display:flex;justify-content:space-between;align-items:center;color:#647b8d;font-size:12px;font-weight:650}.category-arrow{font-size:18px;color:var(--tone);line-height:1}
.searchbox{position:relative;display:flex;align-items:center;border:1px solid var(--border);border-radius:11px;background:white;min-width:min(320px,100%);height:45px;box-shadow:var(--shadow)}.searchbox span:not(.sr-only){font-size:29px;color:#6c8aa1;position:absolute;left:12px;top:-5px}.searchbox input{border:0;background:transparent;width:100%;height:100%;outline:0;padding:0 16px 0 39px;font-size:14px}.filters{display:flex;gap:8px;overflow:auto;padding-bottom:9px;margin-bottom:20px;scrollbar-width:thin}.filter-chip{padding:9px 16px;border:1px solid var(--border);border-radius:999px;background:white;white-space:nowrap;color:#496278;font-weight:650;font-size:13px}.filter-chip.active,.filter-chip:hover{color:#fff;background:var(--blue);border-color:var(--blue)}.material-group{margin-top:31px;scroll-margin-top:25px}.group-head{display:flex;align-items:center;gap:13px;margin-bottom:16px}.group-icon{width:45px;height:45px;border-radius:12px;font-size:21px}.group-head h3{margin:0 0 3px}.group-head p{font-size:13px;color:var(--muted)}.group-number{margin-left:auto;color:#62798c;font-size:12px}.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.material-card{display:flex;flex-direction:column;min-height:244px;background:#fff;border:1px solid var(--border);border-radius:17px;padding:23px 23px 18px;box-shadow:var(--shadow);transition:transform .16s,border-color .16s,box-shadow .16s}.material-card:hover{border-color:var(--tone);transform:translateY(-3px);box-shadow:0 15px 35px rgba(22,72,101,.12)}.material-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.mini-icon{width:45px;height:45px;border-radius:12px;font-size:22px}.level-badge{font-size:11px;font-weight:750;color:#577187;background:#f0f5f9;padding:5px 10px;border-radius:999px}.material-card h4{font-size:18px;line-height:1.3;margin:0 0 10px}.material-card p{font-size:13px;color:var(--muted);line-height:1.58;flex:1;margin-bottom:23px}.material-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e7eef4;padding-top:14px}.type-label{font-size:12px;font-weight:700;color:var(--tone)}.open-icon{color:var(--tone);font-size:19px}.empty-state{background:#fff;border:1px dashed #bbcbd9;border-radius:15px;padding:36px;color:var(--muted);text-align:center}
.footer{margin-top:55px;border-top:1px solid var(--border);padding:24px 0 38px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#6e8191;font-size:12px}
.viewer-page{min-height:75vh}.viewer-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin:0 0 20px}.backlink{font-size:13px;font-weight:700;color:var(--blue)}.viewer-kicker{margin-top:19px;font-size:12px;font-weight:800;color:#50738e}.viewer-kicker span{color:#bdcdd8;margin:0 5px}.viewer-intro h1{font-size:clamp(27px,3vw,40px);margin:8px 0}.viewer-intro p{max-width:850px;font-size:14px;color:var(--muted)}.viewer-frame-wrap{background:white;border-radius:18px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow)}.viewer-frame-wrap iframe{border:0;display:block;width:100%;height:max(680px,85vh)}.viewer-note{font-size:12px;color:var(--muted);margin:13px 0}
.admin-page{min-height:76vh}.auth-panel{max-width:570px;margin:70px auto 100px;background:#fff;padding:clamp(24px,5vw,46px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px}.auth-badge{font-size:11px;color:var(--blue);font-weight:850;letter-spacing:.15em}.auth-panel h1{font-size:33px;margin:13px 0}.auth-panel p{color:var(--muted);font-size:14px;margin-bottom:24px}.admin-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:9px 0 20px}.admin-heading h1{font-size:clamp(30px,4vw,45px);margin:9px 0 10px}.admin-heading h1 span{color:var(--blue)}.admin-heading p:not(.overline){font-size:14px;color:var(--muted)}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.admin-stats>div{background:#fff;border:1px solid var(--border);border-radius:15px;padding:18px 22px;display:flex;flex-direction:column;gap:5px;box-shadow:var(--shadow)}.admin-stats span{font-size:13px;color:var(--muted)}.admin-stats strong{font-size:30px;letter-spacing:-.05em;color:var(--blue)}.admin-tabs{display:flex;flex-wrap:wrap;gap:9px;padding:12px;background:#e9f0f7;border-radius:12px;margin:25px 0 36px}.admin-tabs a{padding:9px 13px;border-radius:9px;color:#276185;background:#fff;font-size:13px;font-weight:750}.admin-tabs a:hover{background:var(--blue);color:white}.admin-section{margin-bottom:59px;scroll-margin-top:20px}.admin-two-col{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:18px}.admin-block{background:white;border:1px solid var(--border);border-radius:17px;padding:24px;box-shadow:var(--shadow);min-width:0}.admin-block h3{margin:0 0 20px}.stack-form,.compact-form{display:grid;gap:16px}.stack-form label,.compact-form label{display:grid;gap:7px;font-size:13px;font-weight:750;color:#425d73}.stack-form input:not([type="checkbox"]),.stack-form select,.stack-form textarea,.compact-form input:not([type="checkbox"]),.compact-form select,.compact-form textarea{width:100%;padding:11px 13px;background:#fbfdff;color:var(--text);border:1px solid #cddae6;border-radius:10px;outline-offset:2px;min-height:43px}.stack-form input[type="file"],.compact-form input[type="file"]{font-size:12px}.stack-form textarea,.compact-form textarea{resize:vertical}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.checkline{display:flex!important;gap:11px!important;align-items:center;align-self:end;min-height:43px;background:#f6fafc;padding:8px 12px;border-radius:10px}.checkline input{width:18px;height:18px;accent-color:var(--blue)}.field-note{font-size:12px;color:var(--muted);margin-top:8px}.form-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.notice{padding:13px 18px;margin:10px 0 18px;border-radius:12px;font-size:14px;font-weight:700}.notice.good{color:#126a43;background:#e4f6ec;border:1px solid #a5d9ba}.notice.bad{color:#962d48;background:#fff0f1;border:1px solid #ebc4cc}.admin-tip{background:#f2f8fc;border:1px solid #deebf3;border-radius:12px;margin-top:22px;padding:14px;font-size:13px;color:#456277}.admin-tip strong{color:#246188}.admin-tip p{margin-top:6px}.sort-row{background:#fbfdff;border:1px solid #dfE8ef;border-radius:11px;margin:9px 0;overflow:hidden;transition:background .15s,border-color .15s}.sort-row.dragging{opacity:.55;outline:2px dashed var(--blue)}.sort-row.drag-over{border-top:4px solid var(--blue)}.sort-row-top{display:flex;align-items:center;gap:10px;padding:12px 12px}.drag-handle{cursor:grab;font-size:22px;line-height:1;color:#92a9ba;padding:3px}.sort-icon{width:37px;height:37px;border-radius:9px;font-size:18px}.sort-title{min-width:0;flex:1;display:flex;flex-direction:column}.sort-title strong{font-size:14px;line-height:1.3}.sort-title small{font-size:11px;color:var(--muted);margin-top:3px}.move-controls{display:flex;gap:4px}.move-controls button{width:28px;height:31px;background:#edf4fa;border:1px solid #d3e2ed;color:#28668d;border-radius:6px;font-weight:900}.move-controls button:hover{background:#d5e8f5}.edit-details{border-top:1px solid #e6edf3;padding:0 12px}.edit-details summary{font-size:12px;color:var(--blue);font-weight:800;padding:11px 3px;cursor:pointer}.edit-details[open]{padding-bottom:15px}.edit-details .compact-form{padding:11px 0 13px}.edit-details .text-danger{margin:8px 0 0}.text-danger{background:none;border:0;color:#a63f50;font-size:12px;font-weight:750;text-decoration:underline;cursor:pointer;padding:4px}.text-green{color:#23835b}.text-warn{color:#a66b1c}.admin-group-title{display:flex;align-items:center;gap:11px;margin-bottom:17px}.admin-group-title h3{margin:0;flex:1}.admin-group-title .muted{font-size:12px}.content-group{margin:0 0 16px}.empty-inline{background:#f7fafc;border-radius:9px;padding:16px;color:var(--muted);font-size:13px}.upload-block{max-width:920px}.type-switch{display:flex;gap:7px;margin-bottom:24px;background:#edf4fa;padding:6px;border-radius:11px;width:max-content;max-width:100%}.type-switch button{background:none;border:none;padding:11px 17px;border-radius:8px;font-size:13px;font-weight:750;color:#52728d}.type-switch button.active{color:white;background:var(--blue)}.sort-toast{position:fixed;right:22px;bottom:25px;z-index:5;background:#133d5a;color:white;border-radius:10px;padding:11px 18px;box-shadow:0 9px 25px #172b4d44;font-size:13px;font-weight:700}
@media(max-width:1100px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1.5fr .65fr}.art-grid{width:220px;height:220px}}@media(max-width:780px){.wrap{padding:0 18px}.site-header{min-height:85px;margin-bottom:22px}.hero{grid-template-columns:1fr;padding:30px}.hero-art{display:none}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card{min-height:180px}.admin-two-col{grid-template-columns:1fr}.viewer-intro{align-items:flex-start;flex-direction:column}.form-pair{grid-template-columns:1fr}}@media(max-width:550px){.wrap{padding:0 13px}.site-header{flex-wrap:wrap;padding:17px 0;gap:11px}.identity-copy strong{font-size:19px}.identity-copy>span{font-size:10px}.ifl-mark{transform:scale(.85);transform-origin:left center;margin-right:-7px}.header-links{width:100%;justify-content:flex-end}.header-links a{padding:6px 11px}.hero{padding:27px 20px;border-radius:17px}.hero h1{font-size:36px}.hero p{font-size:15px}.overview-stats{gap:0;margin:22px 0 40px}.overview-stats>div{padding:0 10px;align-items:flex-start;flex-direction:column;gap:1px}.overview-stats strong{font-size:22px}.overview-stats span{font-size:10px}.section-head{align-items:stretch;flex-direction:column}.category-grid{gap:10px}.category-card{padding:14px;min-height:190px}.category-title{font-size:15px}.category-summary{font-size:11px}.category-icon{width:44px;height:44px;font-size:21px}.material-grid{grid-template-columns:1fr}.material-card{min-height:205px}.footer{align-items:flex-start;flex-direction:column}.admin-block{padding:16px}.admin-tabs a{font-size:12px}.sort-row-top{gap:6px;padding:10px 8px}.sort-icon{width:31px;height:31px}.sort-title strong{font-size:12px}.sort-title small{font-size:10px}.move-controls button{width:26px}.admin-stats>div{padding:14px}.admin-stats strong{font-size:24px}.type-switch{width:100%}.type-switch button{padding:10px 8px;flex:1}.viewer-frame-wrap iframe{height:83vh;min-height:570px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

.security-block{max-width:680px}

/* v1.1: Materialkarten als Launcher mit verkleinerter, nicht bedienbarer Live-Vorschau */
.material-card { position:relative; overflow:hidden; padding:0; min-height:0; }
.material-preview { position:relative; width:100%; aspect-ratio: 16 / 9; overflow:hidden; background:linear-gradient(145deg,#e9f3fa,#dce8f2); border-bottom:1px solid #dce7ee; isolation:isolate; }
.material-preview iframe { position:absolute; inset:0; width:400%; height:400%; border:0; display:block; transform:scale(.25); transform-origin:top left; pointer-events:none; background:#fff; }
.preview-label { position:absolute; z-index:1; left:10px; bottom:10px; padding:5px 9px; border-radius:7px; background:rgba(19,47,70,.88); color:#fff; font-size:10px; letter-spacing:.01em; font-weight:750; }
.preview-external { display:flex; flex-direction:column; height:100%; align-items:center; justify-content:center; gap:5px; background:linear-gradient(130deg,#e9f3fd 0%,#f7fafc 70%); color:var(--blue); font-weight:800; font-size:15px; }
.preview-external-icon { display:grid; place-items:center; font-size:31px; width:58px; height:58px; border-radius:17px; background:white; border:1px solid #c9deef; box-shadow:0 4px 19px #24446617; margin-bottom:5px; }
.preview-external small { font-weight:500; color:var(--muted); font-size:11px; }
.material-content { padding:19px 21px 17px; display:flex; flex-direction:column; flex:1; }
.material-content .material-top { margin-bottom:12px; }
.material-content h4 { margin-bottom:8px; }
.material-content p { margin-bottom:21px; }
.material-content .material-bottom { gap:10px; }
.open-action { white-space:nowrap; display:inline-flex; align-items:center; gap:5px; font-size:12px; color:var(--blue); font-weight:750; }
.material-launch-overlay { position:absolute; inset:0; z-index:3; border-radius:17px; cursor:pointer; }
.material-launch-overlay:focus-visible { outline:3px solid #e7a344; outline-offset:-4px; }
.material-card:hover .preview-label, .material-card:focus-within .preview-label { background:#145f99; }
@media (max-width:550px) { .material-content { padding:17px; } .preview-label { left:8px; bottom:8px; } }

/* Filtern per JS muss display:flex auf Karten ueberschreiben koennen. */
.material-card[hidden], .material-group[hidden] { display:none !important; }