@charset "UTF-8";
:root{--bg:#fafaf6;--surface:#fff;--ink:#203d33;--muted:#66746b;--line:#dce4da;--green:#254e3e;--green-hover:#35654e;--lime:#d7efad;--soft:#eff3e9;--error:#9c332c;--radius:18px;--focus:#85ad5b;--accent:#5c7b49;--art-bg:#e7eddc;--art-ink:#254e3e;--orbit:#c9d6b9;--step1:#fafbf5;--step1-ink:#203d33;--step2:#d3dfbf;--step2-ink:#203d33;--step3:#254e3e;--step3-ink:#fff;--star:#668445;--shadow:rgba(37,78,62,.06);--shadow-soft:rgba(37,78,62,.04);--tag-green-bg:#e6f0dc;--tag-green-ink:#416036;--notice-bg:#e6f0dc;--notice-ink:#35532b;--notice-line:#cbdcb8;--error-bg:#fff0ed;--error-ink:#8e2e24;--error-line:#ecc9c2;--avatar-bg:#e8e7dc;--avatar-ink:#405b45;--banner-bg:#254e3e;--banner-ink:#f4f6ec;--banner-muted:#d1ddc9;--light-btn:#d7efad;--light-btn-ink:#203d33;--upload-line:#9fb18d;--select-bg:#d7efad;--select-ink:#203d33;--brand-mark:#6c8559;--dot:#648f41;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--green);color:#fff;padding:14px 23px;border:1px solid transparent;border-radius:9px;font-weight:600;line-height:1.4;cursor:pointer;transition:background .18s,transform .18s}button:hover,.button:hover{background:var(--green-hover);color:#fff;transform:translateY(-1px)}button:disabled{opacity:.6;cursor:wait}.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.secondary:hover{background:var(--soft);color:var(--ink)}.light{background:var(--light-btn);color:var(--light-btn-ink)}.small{padding:11px 19px}.text-button{padding:4px 0;background:none;color:var(--ink);border:0;font-size:14px;font-weight:500}.text-button:hover{background:none;color:var(--green);text-decoration:underline;transform:none}.danger{color:var(--error)}.skip{position:absolute;top:-80px;left:20px;z-index:5;background:var(--surface);padding:10px}.skip:focus{top:10px}.site-header{max-width:1240px;margin:auto;min-height:100px;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.brand{font-size:34px;font-weight:800;letter-spacing:-2px;line-height:1;white-space:nowrap}.brand span{font-weight:400}.brand i{font-size:25px;font-style:normal;display:inline-block;margin-left:10px;color:var(--brand-mark)}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:500}.site-header [aria-current=page]{text-decoration:underline;text-underline-offset:7px}.menu-toggle{display:none}.inline{display:inline;margin:0;padding:0}.site-footer{max-width:1176px;margin:85px auto 0;padding:30px 0 35px;border-top:1px solid var(--line);display:flex;align-items:center;gap:32px;color:var(--muted);font-size:13px}.site-footer .brand{color:var(--ink);font-size:27px}.site-footer span:last-child{margin-left:auto}main{max-width:1176px;margin:auto;padding:0 0 20px;min-height:60vh}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.16;letter-spacing:-1.1px;font-weight:600}h1{font-size:clamp(34px,4vw,49px);margin-bottom:22px}h2{font-size:32px;margin-bottom:22px}h3{font-size:21px;letter-spacing:-.5px;margin-bottom:12px}p{margin-bottom:18px}hr{border:0;border-top:1px solid var(--line);margin:28px 0}.muted,small{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:650;margin-bottom:17px;line-height:1.5}.hero{display:grid;grid-template-columns:1.23fr 1fr;gap:60px;align-items:center;padding:72px 0 60px}.hero h1{font-size:clamp(44px,4.7vw,63px);line-height:1.08;letter-spacing:-2.8px;margin:26px 0}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.lead{font-size:17px;line-height:1.8;max-width:510px;color:var(--muted)}.dot{display:inline-block;height:7px;width:7px;background:var(--dot);border-radius:50%;margin-right:9px;vertical-align:middle}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.hero-note{display:flex;gap:17px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:24px 0 0}.hero-art{height:409px;background:var(--art-bg);border-radius:140px 140px 20px 20px;position:relative;overflow:hidden;color:var(--art-ink)}.art-label{position:absolute;top:39px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:2px;z-index:1}.orbit{position:absolute;border:1px solid var(--orbit);width:350px;height:350px;border-radius:50%;left:60px;top:95px}.orbit-two{left:-50px;top:155px;width:410px;height:410px}.step{position:absolute;display:flex;align-items:center;gap:18px;box-shadow:0 10px 25px var(--shadow);font-size:14px;font-weight:500;border-radius:9px;height:67px;padding:18px 22px}.step span{font-size:11px;opacity:.7}.step-one{top:103px;left:34px;right:103px;background:var(--step1);color:var(--step1-ink);transform:rotate(-7deg)}.step-two{top:185px;left:73px;right:59px;background:var(--step2);color:var(--step2-ink);transform:rotate(3deg)}.step-three{top:267px;left:113px;right:20px;background:var(--step3);color:var(--step3-ink);transform:rotate(-5deg)}.step-three b{font-size:30px;line-height:1}.art-star{position:absolute;right:19px;top:107px;font-size:70px;line-height:1;color:var(--star)}.art-caption{position:absolute;left:30px;bottom:27px;font-size:10px;line-height:1.6}.category-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;font-size:12px}.category-strip>span{color:var(--muted)}.category-strip a{font-weight:600}.section{margin-top:64px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:27px}.section-heading h2{margin:0}.section-heading .eyebrow{margin-bottom:12px}.underlined{font-size:13px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:3px;white-space:normal}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.listing{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:25px;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}.listing:hover{transform:translateY(-4px);box-shadow:0 14px 30px var(--shadow-soft)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.category-icon{display:grid;place-items:center;width:43px;height:43px;background:var(--soft);border-radius:13px;font-size:25px}.tag{display:inline-flex;border-radius:30px;padding:4px 11px;background:var(--soft);font-size:11px;font-weight:500}.tag.green{background:var(--tag-green-bg);color:var(--tag-green-ink)}.listing .eyebrow{font-size:9px;margin-bottom:10px;color:var(--muted)}.listing h3{font-size:23px;line-height:1.25}.card-description{font-size:13px;color:var(--muted);line-height:1.75;flex:1}.card-meta{font-size:11px;color:var(--muted);margin:5px 0 18px}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:17px;font-size:12px}.card-bottom>a:first-child{display:flex;align-items:center;gap:9px}.avatar{display:inline-grid;place-items:center;width:31px;height:31px;background:var(--avatar-bg);color:var(--avatar-ink);border-radius:50%;font-weight:600;flex-shrink:0}.avatar.large{width:65px;height:65px;font-size:26px;margin-bottom:15px}.arrow{font-size:23px;min-width:36px;text-align:center}.how{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;border-top:1px solid var(--line);padding:50px 0 0}.how h2{font-size:40px}.how p{font-size:14px;color:var(--muted)}.how ol{list-style:none;margin:0;padding:0}.how li{display:flex;gap:23px;margin-bottom:25px}.how li>span{font-size:12px;border:1px solid var(--line);width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;border-radius:50%}.how h3{font-size:18px;margin-bottom:8px}.join-banner{display:flex;gap:30px;align-items:center;justify-content:space-between;background:var(--banner-bg);color:var(--banner-ink);padding:38px 42px;border-radius:var(--radius);margin-top:35px}.join-banner h2{margin-bottom:12px}.join-banner p:last-child{margin-bottom:0;font-size:13px;color:var(--banner-muted)}.join-banner .button{flex-shrink:0}.page-heading{padding-top:52px;margin-bottom:30px}.page-heading>p:last-child,.page-heading>div>p:last-child{color:var(--muted)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:34px}.panel h1{font-size:36px}.auth{max-width:505px;margin:62px auto}.auth h1{font-size:36px}.auth form>button[type=submit],.auth form>button:not([type]){width:100%;margin-top:12px}form{margin:20px 0 0}label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}input:not([type=hidden]),select,textarea{display:block;width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;padding:12px 13px;margin:0 0 20px;min-height:47px}textarea{resize:vertical}input[type=file]{font-size:13px;max-width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-panel{max-width:760px;margin:38px auto}.counter{display:block;text-align:right;font-size:11px;margin-top:-16px;margin-bottom:20px}.password-toggle{display:block;margin:-12px 0 20px}.filters{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr auto;align-items:end;gap:14px;background:var(--surface);border:1px solid var(--line);padding:22px;border-radius:var(--radius);margin-top:32px}.filters input,.filters select{margin-bottom:0}.filters button{height:49px}.chips{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.chip{padding:8px 16px;border:1px solid var(--line);border-radius:30px;font-size:12px;background:var(--surface)}.chip:hover,.chip.active{background:var(--green);color:white;border-color:var(--green)}.results-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:26px 0 18px;font-size:13px}.results-heading p{margin:0}.empty{text-align:center;background:var(--soft);border:1px dashed var(--line);border-radius:var(--radius);padding:40px 22px}.empty p{font-size:14px;color:var(--muted);max-width:490px;margin:0 auto 20px}.empty-icon{font-size:35px;display:block;margin-bottom:14px}.empty.compact{padding:20px}.empty.compact p{margin:0}.pagination{display:flex;justify-content:center;align-items:center;gap:22px;margin:35px 0;font-size:13px}.notice,.error{border-radius:10px;padding:14px 18px;font-size:14px;margin:20px 0}.notice{background:var(--notice-bg);color:var(--notice-ink);border:1px solid var(--notice-line)}.error{background:var(--error-bg);color:var(--error-ink);border:1px solid var(--error-line)}.back{display:inline-block;font-size:13px;margin:35px 0 22px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px;align-items:start}.detail-layout h2{font-size:23px;margin-top:28px}.detail-layout aside .button{margin-top:15px;width:100%;font-size:13px}.detail-layout aside form{margin-top:15px}.detail-layout aside button{width:100%;font-size:13px}.prose{overflow-wrap:anywhere;line-height:1.9}.dashboard{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:34px;align-items:start}.dashboard h2{font-size:25px}.dashboard .section-heading{margin-top:36px}.row-card{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:13px;overflow-wrap:anywhere}.row-card h3{margin:0 0 8px}.row-card .eyebrow{margin:0 0 8px;font-size:9px}.profile-heading{display:flex;gap:28px;align-items:center;margin-top:45px}.profile-heading>div{flex:1;min-width:0}.profile-heading h1{margin-bottom:12px}.profile-heading p:last-child{margin-bottom:0}.message>div{flex:1;min-width:0}.message h3{font-size:18px;margin-top:5px}.message p{font-size:13px;color:var(--muted);margin:0}.message>span:last-child{font-size:12px}.message.unread{border-left:4px solid #739c46}.count{display:inline-block;font-size:11px;border-radius:15px;background:var(--soft);padding:1px 7px}.upload-zone{padding:26px;background:var(--soft);border:1px dashed var(--upload-line);border-radius:12px;text-align:center;margin-bottom:25px}.upload-zone>span{font-size:40px}.upload-zone p{font-size:13px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:14px;vertical-align:top}th{background:var(--soft)}td{overflow-wrap:anywhere}::selection{background:var(--select-bg);color:var(--select-ink)}
@media(min-width:1600px){.hero{padding-top:85px;padding-bottom:75px}}
@media(max-width:1240px){main{padding-left:32px;padding-right:32px}.site-footer{margin-left:32px;margin-right:32px}.site-header nav{gap:18px}.hero{gap:35px}.hero-note{gap:10px}}
@media(max-width:960px){.hero{grid-template-columns:1.2fr 1fr;gap:25px}.hero h1{font-size:46px}.hero-art{height:370px}.step{font-size:11px;padding:14px;gap:10px}.step-one{left:18px;right:58px}.step-two{left:40px;right:25px}.step-three{left:60px;right:10px}.art-label{font-size:7px}.art-star{font-size:45px;right:12px}.category-strip{flex-wrap:wrap;justify-content:flex-start;gap:18px}.cards{gap:15px}.listing{padding:19px}.filters{grid-template-columns:1fr 1fr}.filter-search{grid-column:1/-1}.filters button{grid-column:1/-1}.site-header nav{gap:13px;font-size:12px}.site-header nav .button{padding:10px}.how{gap:40px}.detail-layout{grid-template-columns:1fr 290px}}
@media(max-width:760px){main{padding:0 20px 20px}.site-header{padding:20px;min-height:82px;flex-wrap:wrap;gap:15px}.brand{font-size:30px}.menu-toggle{display:inline-flex;padding:8px 13px;font-size:13px}.site-header nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav>a,.site-header nav form{padding:12px 8px;font-size:15px}.site-header nav .button{margin:7px 0}.hero{grid-template-columns:1fr;padding:40px 0 30px;gap:30px}.hero h1{font-size:49px;letter-spacing:-2px}.hero .eyebrow{font-size:9px}.lead{font-size:16px}.hero-art{height:330px;max-width:480px;width:100%;margin:auto;border-radius:100px 100px 18px 18px}.step-one{top:77px;left:35px;right:95px}.step-two{top:149px;left:68px;right:56px}.step-three{top:222px;left:100px;right:20px}.step{font-size:13px;height:57px}.art-label{top:28px;font-size:8px}.art-star{top:79px;right:30px}.art-caption{font-size:9px;bottom:20px;left:20px}.cards{grid-template-columns:1fr 1fr}.category-strip{padding:20px 0;font-size:11px}.category-strip>span{width:100%}.section{margin-top:40px}.section-heading{align-items:start;flex-direction:column;gap:14px}h2{font-size:28px}.how{grid-template-columns:1fr;gap:18px;padding-top:35px}.how h2{font-size:35px}.join-banner{flex-direction:column;align-items:start;padding:28px}.site-footer{margin:45px 20px 0;flex-wrap:wrap;gap:16px}.site-footer p{margin:0}.site-footer span:last-child{width:100%;margin:0}.detail-layout,.dashboard{grid-template-columns:1fr}.panel{padding:25px}.panel h1{font-size:31px}.profile-heading{flex-wrap:wrap;gap:15px}.profile-heading>div{flex-basis:70%}.profile-heading>.button{width:100%}.page-heading{padding-top:35px}.page-heading h1{font-size:36px}.auth{margin:35px auto}.message{flex-wrap:wrap}.message>span:last-child{margin-left:49px}.hero-note{font-size:10px}.form-panel{margin-top:30px}}
@media(max-width:480px){.cards{grid-template-columns:1fr}.listing{padding:24px}.hero h1{font-size:44px}.actions{flex-direction:column}.actions .button{width:100%}.filters{grid-template-columns:1fr;padding:18px}.filter-search{grid-column:auto}.filters button{grid-column:auto}.form-grid{grid-template-columns:1fr;gap:0}.profile-heading{display:block}.profile-heading>.button{margin-top:20px}.pagination{gap:10px;font-size:11px}.pagination .button{padding:10px}.row-card{padding:16px}.hero-note{justify-content:space-between;gap:4px}.step-three{left:80px}.step-one{left:20px}.step-two{left:45px}.art-caption{font-size:8px}.art-star{right:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ---------- Neue Komponenten ---------- */
.site-footer{display:block}
.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;align-items:start}
.footer-top nav{display:flex;flex-direction:column;gap:9px}
.footer-top nav h2{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink);margin:0 0 4px}
.footer-top nav a{font-size:13px}
.footer-top nav a:hover{text-decoration:underline;text-underline-offset:4px}
.footer-top p{margin:10px 0 0;max-width:34ch}
.footer-legal{margin:26px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:12px}
.row-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}
.danger-zone{margin-top:6px}
.danger-zone summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--error);padding:6px 0}
.danger-zone summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.danger-zone p{font-size:12px;margin:8px 0 0}
.danger-zone form{margin-top:12px}
.detail-layout aside .actions{display:block}
.form-panel.prose h2{font-size:20px;margin:28px 0 10px}
.form-panel.prose p{font-size:15px}
@media(max-width:960px){.footer-top{grid-template-columns:1fr 1fr;gap:26px}}
@media(max-width:760px){.footer-top{grid-template-columns:1fr;gap:22px}.site-footer{margin:45px 20px 0}}

/* ---------- Dunkles Farbschema ---------- */
html[data-theme="dark"]{
  --bg:#16281f;--surface:#20362b;--ink:#edf3e7;--muted:#b1bfae;--line:#3a5142;
  --green:#5c8a68;--green-hover:#6c9d78;--soft:#2b4333;--error:#ffb4a5;--focus:#9ecb70;--accent:#bbd89d;
  --art-bg:#1d3227;--art-ink:#d3e3c8;--orbit:#31513f;--step1:#26402f;--step1-ink:#e7f0e0;
  --step2:#33513a;--step2-ink:#eaf3e2;--step3:#8ab86a;--step3-ink:#12261c;--star:#5b8a4c;
  --shadow:rgba(0,0,0,.35);--shadow-soft:rgba(0,0,0,.28);
  --tag-green-bg:#314d32;--tag-green-ink:#d7efad;--notice-bg:#26402c;--notice-ink:#d7efad;--notice-line:#3f6039;
  --error-bg:#4c2826;--error-ink:#ffc6ba;--error-line:#78453b;--avatar-bg:#3c5340;--avatar-ink:#edf3e7;
  --banner-bg:#12241c;--banner-ink:#e9f0e2;--banner-muted:#b7c9ad;--light-btn:#cfe6a5;--light-btn-ink:#17281d;
  --upload-line:#4d6a4f;--select-bg:#4a7a3f;--select-ink:#f2f7ec;--brand-mark:#9ec27f;--dot:#8ab86a;
  color-scheme:dark;
}
html[data-theme="dark"] button,html[data-theme="dark"] .button{color:#0f1f17}
html[data-theme="dark"] .secondary{color:var(--ink)}
html[data-theme="dark"] .text-button{color:var(--ink)}
html[data-theme="dark"] .text-button.danger{color:var(--error)}
html[data-theme="dark"] .chip:hover,html[data-theme="dark"] .chip.active{color:#0f1f17}
@media(prefers-color-scheme:dark){
  html[data-theme="auto"]{
    --bg:#16281f;--surface:#20362b;--ink:#edf3e7;--muted:#b1bfae;--line:#3a5142;
    --green:#5c8a68;--green-hover:#6c9d78;--soft:#2b4333;--error:#ffb4a5;--focus:#9ecb70;--accent:#bbd89d;
    --art-bg:#1d3227;--art-ink:#d3e3c8;--orbit:#31513f;--step1:#26402f;--step1-ink:#e7f0e0;
    --step2:#33513a;--step2-ink:#eaf3e2;--step3:#8ab86a;--step3-ink:#12261c;--star:#5b8a4c;
    --shadow:rgba(0,0,0,.35);--shadow-soft:rgba(0,0,0,.28);
    --tag-green-bg:#314d32;--tag-green-ink:#d7efad;--notice-bg:#26402c;--notice-ink:#d7efad;--notice-line:#3f6039;
    --error-bg:#4c2826;--error-ink:#ffc6ba;--error-line:#78453b;--avatar-bg:#3c5340;--avatar-ink:#edf3e7;
    --banner-bg:#12241c;--banner-ink:#e9f0e2;--banner-muted:#b7c9ad;--light-btn:#cfe6a5;--light-btn-ink:#17281d;
    --upload-line:#4d6a4f;--select-bg:#4a7a3f;--select-ink:#f2f7ec;--brand-mark:#9ec27f;--dot:#8ab86a;
    color-scheme:dark;
  }
  html[data-theme="auto"] button,html[data-theme="auto"] .button{color:#0f1f17}
  html[data-theme="auto"] .secondary,html[data-theme="auto"] .text-button{color:var(--ink)}
  html[data-theme="auto"] .text-button.danger{color:var(--error)}
  html[data-theme="auto"] .chip:hover,html[data-theme="auto"] .chip.active{color:#0f1f17}
}
.counter-full{color:var(--error)}
@media(max-width:430px){.art-caption{display:none}}