:root{--bg:#07111d;--panel:rgba(17,32,48,.82);--line:rgba(167,206,231,.2);--text:#e9f3fa;--muted:#9db0c1;--gold:#e8c98b;--cyan:#8bdcf1}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0%,#173348 0,transparent 42%),linear-gradient(135deg,#06101a,#0a1725 65%,#111b29);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}a{color:var(--cyan);text-decoration:none}a:hover{color:#fff}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem clamp(1rem,4vw,4rem);border-bottom:1px solid var(--line);backdrop-filter:blur(14px);position:sticky;top:0;background:#07111de8;z-index:2}.brand{font-weight:750;letter-spacing:.12em;font-size:.9rem}.brand span{color:var(--gold)}nav{display:flex;gap:1rem;flex-wrap:wrap;font-size:.92rem}.wrap{width:min(1120px,92%);margin:2.5rem auto}.hero{padding:clamp(2rem,6vw,5rem);border:1px solid var(--line);border-radius:24px;background:linear-gradient(120deg,#11283ad9,#091521d9);box-shadow:0 24px 90px #0004}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:.75rem}.hero h1{font-size:clamp(2.4rem,6vw,4.8rem);line-height:1.05;margin:.7rem 0 1rem;max-width:800px}.hero p{color:#bdccd8;max-width:650px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem}.card,.panel{border:1px solid var(--line);border-radius:16px;padding:1.25rem;background:var(--panel);box-shadow:0 14px 40px #0002}.card h2,.panel h2{margin-top:0}.btn,button{display:inline-block;border:1px solid #e8c98b99;background:linear-gradient(120deg,#e8c98b,#f2dfb8);color:#18212b;padding:.7rem 1.1rem;border-radius:999px;font-weight:700;cursor:pointer;font:inherit}.btn.secondary{background:transparent;color:var(--text);border-color:var(--line)}label{display:block;margin:.8rem 0 .25rem;color:#bdccd8}input,textarea,select{width:100%;padding:.75rem;border:1px solid var(--line);border-radius:9px;background:#07121e;color:var(--text);font:inherit}textarea{min-height:120px}form{max-width:700px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.7rem;border-bottom:1px solid var(--line);vertical-align:top}small,.muted{color:var(--muted)}.notice{padding:.8rem 1rem;border:1px solid var(--line);border-radius:10px;margin:1rem 0;background:#102234}.error{border-color:#d77b7b;color:#ffd0d0}.success{border-color:#7abfa3;color:#c6f8df}.thumb{max-width:100%;height:180px;object-fit:cover;border-radius:10px}.footer{border-top:1px solid var(--line);padding:1.5rem 4%;color:var(--muted);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}code{color:var(--gold)}@media(max-width:650px){header{align-items:flex-start;flex-direction:column}nav{gap:.7rem}.wrap{margin:1.2rem auto}table{font-size:.88rem}}

/* Startseite – Ergänzungen, bestehende Komponenten bleiben erhalten */
html{scroll-behavior:smooth}
:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.home-hero{position:relative;overflow:hidden;min-height:410px;display:flex;align-items:center;isolation:isolate;background:radial-gradient(circle at 78% 48%,rgba(232,201,139,.14),transparent 32%),linear-gradient(125deg,#142e41,#091521 70%)}
.home-hero-content{position:relative;z-index:1;max-width:730px}
.home-hero h1{font-size:clamp(2.4rem,5.5vw,4.5rem);letter-spacing:-.045em;line-height:1.1}
.home-highlight{color:var(--gold)}
.home-hero p{font-size:clamp(1rem,1.5vw,1.14rem);max-width:590px}
.home-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}
.home-actions .btn{display:inline-flex;align-items:center;justify-content:center;text-align:center}
.home-hero-art{position:absolute;right:-90px;top:50%;transform:translateY(-50%);width:390px;height:390px;opacity:.65;pointer-events:none}
.home-orbit{position:absolute;border:1px solid rgba(232,201,139,.35);border-radius:50%;inset:30px;transform:rotate(-25deg) scaleX(.78)}
.home-orbit-two{inset:75px;border-color:rgba(139,220,241,.4);transform:rotate(45deg) scaleX(.8)}
.home-art-center{position:absolute;inset:0;display:grid;place-items:center;font-size:7rem;color:var(--gold);text-shadow:0 0 70px rgba(232,201,139,.4)}
.home-section{margin:3.5rem 0}
.home-section-heading{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.4rem}
.home-section-heading h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2;margin:.55rem 0 0}
.home-section-heading>p{color:var(--muted);max-width:340px;margin:0}
.home-feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:0}
.home-feature{display:flex;flex-direction:column;min-height:250px;transition:transform .2s ease,border-color .2s ease}
.home-feature:hover{transform:translateY(-3px);border-color:rgba(232,201,139,.5)}
.home-feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(232,201,139,.1);border:1px solid rgba(232,201,139,.2);color:var(--gold);font-size:1.7rem;margin-bottom:1rem}
.home-feature h3{font-size:1.22rem;margin:0 0 .3rem}
.home-feature p{margin:.2rem 0 1.25rem;flex:1}
.home-feature a{font-weight:650}
.home-bottom-panel{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;border:1px solid var(--line);border-radius:20px;padding:clamp(1.5rem,4vw,2.5rem);background:linear-gradient(115deg,rgba(20,46,65,.95),rgba(13,27,39,.95));margin:2rem 0 3.5rem}
.home-bottom-panel h2{margin:.45rem 0;font-size:clamp(1.5rem,3vw,2rem)}
.home-bottom-panel p{color:var(--muted);margin:0}
@media(max-width:800px){.home-hero-art{opacity:.17;right:-170px}.home-hero{min-height:unset}.home-section{margin:2.5rem 0}}
@media(max-width:480px){.home-actions{flex-direction:column;align-items:stretch}.home-actions .btn{width:100%}.home-feature{min-height:unset}.home-bottom-panel .btn{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home-feature{transition:none}}

/* Die gesamte Startseiten-Kachel ist ein zugänglicher Link. */
.home-feature{color:var(--text);text-decoration:none}
.home-feature:hover{color:var(--text)}
.home-feature:focus-visible{outline:3px solid var(--gold);outline-offset:4px;border-color:var(--gold)}
.home-feature-cta{font-weight:650;color:var(--cyan)}
.home-feature:hover .home-feature-cta,.home-feature:focus-visible .home-feature-cta{color:#fff}


/* Schritt 40: anklickbare Kacheln und kompakte Medienverwaltung */
.home-bottom-link,.dashboard-link-card{color:var(--text);text-decoration:none;cursor:pointer;transition:border-color .2s ease,transform .2s ease}
.home-bottom-link:hover,.dashboard-link-card:hover{color:var(--text);border-color:rgba(232,201,139,.55);transform:translateY(-2px)}
.home-bottom-link:focus-visible,.dashboard-link-card:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.home-bottom-link .btn{pointer-events:none}
.dashboard-link-card{display:flex;flex-direction:column}
.dashboard-link-card .home-feature-cta{margin-top:auto}
.media-manage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:16px;align-items:start;margin:20px 0 32px}
.media-manage-item{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.media-manage-item[open]{grid-column:1/-1;border-color:rgba(232,201,139,.55)}
.media-manage-summary{display:flex;flex-direction:column;gap:6px;cursor:pointer;padding:12px;list-style:none;min-width:0}
.media-manage-summary::-webkit-details-marker{display:none}
.media-manage-summary:focus-visible{outline:3px solid var(--cyan);outline-offset:-3px}
.media-manage-preview,.media-manage-placeholder{display:grid;place-items:center;width:100%;height:170px;object-fit:contain;background:#07121e;border-radius:9px}
.media-manage-placeholder{font-size:3.5rem}
.media-manage-name{font-weight:700;overflow-wrap:anywhere}
.media-manage-meta{font-size:.8rem;color:var(--muted);overflow-wrap:anywhere}
.media-manage-hint{font-size:.85rem;color:var(--cyan)}
.media-manage-item[open] .media-manage-summary{max-width:320px}
.media-manage-item[open] .media-manage-hint{font-size:0}
.media-manage-item[open] .media-manage-hint::after{content:'Schließen ▴';font-size:.85rem}
.media-manage-editor{padding:0 18px 18px;border-top:1px solid var(--line)}
.media-manage-editor form{max-width:700px}
.media-manage-delete{border-top:1px solid var(--line);padding-top:12px;margin-top:18px}
.media-manage-delete>summary{cursor:pointer;color:#ffd0d0;font-weight:650}
@media(max-width:650px){.media-manage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-manage-preview,.media-manage-placeholder{height:120px}.media-manage-summary{padding:9px}}

/* Einheitliche dezente Goldfarbe für Rechtliches */
.footer a[href*="impressum"],.footer a[href*="datenschutz"]{color:#e8c37c!important;font-weight:400!important}

/* Einheitliches dezentes Gold für rechtliche Links und Kategorieüberschriften */
.footer a[href*="impressum"],.footer a[href*="datenschutz"]{color:#e8c37c!important;font-weight:400!important}
.footer a[href*="impressum"]:hover,.footer a[href*="datenschutz"]:hover{color:#f0d5a1!important}
.du-portal-category>summary,.du-portal-category>summary small{color:#e8c37c}
/* Wiederverwendbare Homepage-Ornamente für das öffentliche Portal */
.du-portal-hero{position:relative;isolation:isolate;overflow:hidden;min-height:170px;padding:25px 25px 30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(120deg,#11283ad9,#091521d9);margin-bottom:20px}
.du-portal-hero-content{position:relative;z-index:1}
.du-portal-hero-art{position:absolute;right:-95px;top:50%;transform:translateY(-50%);width:320px;height:320px;opacity:.36;pointer-events:none}
.du-portal-hero .home-art-center{font-size:5rem}
.du-portal-hero .home-orbit{inset:28px}.du-portal-hero .home-orbit-two{inset:70px}
.du-portal-hero .eyebrow,.du-portal-hero h1{color:#e8c37c}
@media(max-width:650px){.du-portal-hero-art{opacity:.18;right:-150px}}

/* Digital Universe – Luxury Dark 2.0 / Schritt 1.
   Rein visuell: keine Aenderung an Formularverarbeitung, Rechten oder Navigation. */
:root{--bg:#0b1724;--panel:#1b2b3a;--line:rgba(176,188,199,.25);--text:#f4efe6;--muted:#aebbc7;--gold:#e4c48c;--cyan:#a4d2df;--luxury-accent:#dcbc83;--luxury-field:#0b1724}
body{background:radial-gradient(ellipse at 80% 0%,#1b3345 0,transparent 43%),linear-gradient(135deg,#0b1724,#101d2c 70%,#0b1724);font-family:Inter,Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}
h1,h2,h3,h4,.brand,.home-feature h3{font-family:Manrope,Inter,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.025em}
.hero,.home-bottom-panel{border-radius:22px}
.card,.panel,.home-feature,.dashboard-link-card{border-radius:18px;border-color:var(--line)}
.card,.panel{box-shadow:0 12px 32px rgba(0,0,0,.16)}
.btn,button{border-radius:11px;min-height:44px;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
input,textarea,select{border-radius:11px;background:var(--luxury-field);border-color:#526477;color:var(--text);min-height:44px}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #a4d2df;outline-offset:2px;border-color:#a4d2df}
form button[type=submit],form input[type=submit]{margin-top:16px}
label{color:#d3d9df}
:focus-visible{outline-color:#a4d2df}
.home-feature:hover,.dashboard-link-card:hover{border-color:rgba(220,188,131,.65)}
.home-feature-cta{color:var(--gold)}
.footer a{color:var(--gold)}
/* Portal: eigene Navigation und Downloads behalten ihre Funktion. */
.du-portal-shell .du-portal-folder{background:#243d50;border-color:#806b50;color:#e4c48c;border-radius:15px;min-height:56px}
.du-portal-shell .du-portal-folder:hover,.du-portal-shell .du-portal-folder:focus-visible{background:#304b60;border-color:#dcbc83}
.du-portal-shell .du-portal-row{background:#152837;border-color:#43596b;border-radius:13px;min-height:56px}
.du-portal-shell .du-portal-row:hover,.du-portal-shell .du-portal-row:focus-visible{border-color:#dcbc83}
.du-portal-shell .du-portal-title{color:#e4c48c}
@media(max-width:650px){.card,.panel{border-radius:15px}}
@media(prefers-reduced-motion:reduce){.btn,button,.home-feature,.dashboard-link-card{transition:none!important}}