:root{
  --green:#2d5a4f;--green2:#426f63;--green3:#dfeae5;--sand:#f6f1e8;
  --cream:#fffdf8;--white:#fff;--line:#d7ded9;--text:#26332f;--muted:#68746f;
  --danger:#9a3c3c;--ok:#2e6a45;--gold:#b59652;--shadow:0 10px 30px rgba(45,90,79,.08)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--sand);color:var(--text);line-height:1.55}
.wrap{width:min(1120px,calc(100% - 32px));margin:0 auto}
.site-header{background:var(--green);color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 3px 12px rgba(0,0,0,.08)}
.header-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{font-size:1.18rem;font-weight:750;color:#fff;text-decoration:none;white-space:nowrap}
.site-header nav{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.site-header nav a{color:#fff;text-decoration:none;padding:8px 10px;border-radius:8px;font-size:.95rem}
.site-header nav a:hover{background:rgba(255,255,255,.14)}
.main-content{padding:34px 0 60px;min-height:calc(100vh - 130px)}
.card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:var(--shadow);margin-bottom:24px}
.card.soft{background:var(--cream)}
.narrow{max-width:720px;margin-left:auto;margin-right:auto}
h1,h2,h3{color:var(--green);line-height:1.2;margin-top:0}
h1{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:10px}
h2{font-size:1.45rem;margin-bottom:12px}h3{font-size:1.12rem;margin-bottom:8px}
p.lead{font-size:1.08rem;color:var(--muted);margin-top:0}
.muted{color:var(--muted);font-size:.94rem}
label{display:block;font-weight:680;margin:14px 0 6px}
input,select,textarea{width:100%;padding:12px 13px;border:1px solid #bac7c1;border-radius:10px;background:#fff;font:inherit;color:var(--text)}
textarea{min-height:110px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(66,111,99,.18);border-color:var(--green2)}
button,.button{display:inline-block;border:0;border-radius:10px;background:var(--green);color:#fff;padding:12px 18px;font-weight:720;text-decoration:none;cursor:pointer;font:inherit}
button:hover,.button:hover{background:var(--green2)}
button:disabled{opacity:.45;cursor:not-allowed}
.button.secondary,button.secondary{background:#e8efeb;color:var(--green)}
.button.secondary:hover,button.secondary:hover{background:#dce8e2}
.button.danger,button.danger{background:var(--danger)}
.button.ghost,button.ghost{background:transparent;color:var(--green);border:1px solid var(--green)}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;align-items:center}
.notice{padding:13px 15px;border-radius:10px;margin-bottom:18px}
.notice.error{background:#f9e7e7;color:#7c2f2f}.notice.success{background:#e5f4e9;color:#245638}.notice.info{background:#e8f0ee;color:#28554b}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.stat{background:#f7faf8;border:1px solid var(--line);border-radius:12px;padding:18px}.stat strong{display:block;font-size:1.8rem;color:var(--green)}
.workshop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:18px}
.workshop-card{display:block;background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;text-decoration:none;color:var(--text);box-shadow:0 5px 18px rgba(45,90,79,.05);transition:transform .15s ease,box-shadow .15s ease}
.workshop-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.workshop-card.active{border-color:#91ad9f;background:linear-gradient(180deg,#fff,#f5faf7)}
.workshop-card.locked{opacity:.64;cursor:default}
.workshop-card .kicker{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--green2);font-weight:800}
.workshop-card h3{margin:5px 0 8px}.workshop-card p{margin:0;color:var(--muted)}
.badge{display:inline-block;border-radius:999px;padding:4px 9px;font-size:.82rem;font-weight:700;background:#e8efeb;color:var(--green)}.badge.blocked{background:#f5dddd;color:#842f2f}.badge.gold{background:#f5ecd8;color:#735c28}
.two-column{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:24px;align-items:start}
.card-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;max-width:560px;margin:18px auto}
.card-box{text-align:center;min-width:0}.card-box img{display:block;width:min(100%,165px);height:auto;aspect-ratio:822/1122;object-fit:contain;margin:0 auto 9px;border-radius:11px;box-shadow:0 6px 16px rgba(0,0,0,.12);background:#f2eee7}
.card-box strong{display:block;color:var(--green)}
.plus{font-size:2rem;color:var(--gold);font-weight:700}
.select-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.help-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:20px 0}
.help-panel{display:none;border-left:5px solid var(--green2);background:#f7faf8;padding:18px;border-radius:0 12px 12px 0;margin:14px 0}
.help-panel.visible{display:block}
.help-panel ul{margin:8px 0 0;padding-left:22px}
.reader-rule{background:#f5ecd8;border:1px solid #e1d2ae;border-radius:12px;padding:15px;margin:16px 0;color:#5f4d2a}
.field-note{font-size:.9rem;color:var(--muted);margin-top:5px}
.save-panel{position:sticky;top:94px}
.counter{font-size:.85rem;color:var(--muted);text-align:right}
table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#eef4f1;color:var(--green)}
.inline-form{display:inline}.table-actions{display:flex;gap:8px;flex-wrap:wrap}
.empty-state{text-align:center;padding:30px;color:var(--muted)}
.site-footer{background:#e5ebe7;color:#55635d;padding:20px 0;font-size:.92rem}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:850px){.two-column{grid-template-columns:1fr}.save-panel{position:static}.site-header{position:static}}
@media(max-width:700px){.header-inner{align-items:flex-start;flex-direction:column;padding:14px 0}.site-header nav{justify-content:flex-start}.card{padding:20px}.card-pair{grid-template-columns:1fr;gap:10px;max-width:300px}.card-box img{width:min(100%,145px)}.plus{transform:rotate(90deg)}.select-grid{grid-template-columns:1fr}th:nth-child(3),td:nth-child(3){display:none}.wrap{width:min(100% - 22px,1120px)}}

/* Phase 5 · Dreierwerkstatt */
.triple-select-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.card-triple{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:center;max-width:760px;margin:22px auto 8px}
.card-triple .card-box img{width:min(100%,155px)}
.flow-arrow{font-size:1.75rem;color:var(--gold);font-weight:750;text-align:center}
@media(max-width:800px){.triple-select-grid{grid-template-columns:1fr}.card-triple{max-width:650px;gap:10px}.card-triple .card-box img{width:min(100%,135px)}}
@media(max-width:620px){.card-triple{grid-template-columns:1fr;max-width:300px}.flow-arrow{transform:rotate(90deg)}.card-triple .card-box img{width:min(100%,145px)}}


/* Phase 6 · Fünferwerkstatt */
.five-select-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px}
.five-actions{gap:8px}
.five-actions button{padding:10px 13px;font-size:.92rem}
.card-five{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center;max-width:1000px;margin:24px auto 8px}
.card-five .card-box img{width:min(100%,125px)}
.card-five .card-box strong{font-size:.9rem}
.card-five .card-box .muted{display:block;font-size:.82rem;line-height:1.3;margin-top:3px}
.card-five .center-card{background:#f7f1e3;border:1px solid #dccb9f;border-radius:14px;padding:10px 6px}
.card-five .center-card img{box-shadow:0 8px 20px rgba(181,150,82,.22)}
@media(max-width:1050px){.five-select-grid{grid-template-columns:repeat(3,minmax(170px,1fr))}.card-five{gap:7px}.card-five .card-box img{width:min(100%,112px)}.card-five .flow-arrow{font-size:1.4rem}}
@media(max-width:760px){.five-select-grid{grid-template-columns:1fr 1fr}.card-five{grid-template-columns:repeat(5,minmax(115px,1fr));overflow-x:auto;align-items:start;padding-bottom:8px;gap:12px}.card-five .flow-arrow{display:none}.card-five .card-box img{width:118px}.card-five .card-box{min-width:120px}.five-actions button{flex:1 1 160px}}
@media(max-width:520px){.five-select-grid{grid-template-columns:1fr}.card-five .card-box img{width:108px}.card-five .card-box{min-width:112px}}

/* Phase 7 · Neunerwerkstatt */
.nine-select-grid{display:grid;grid-template-columns:repeat(3,minmax(210px,1fr));gap:14px}
.nine-actions{align-items:end;gap:12px}
.position-swap{display:grid;grid-template-columns:auto 110px auto 110px auto;gap:8px;align-items:end;background:#f7faf8;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.position-swap label{grid-column:1/-1;margin:0;font-size:.9rem}
.position-swap select{padding:9px 10px}
.position-swap span{align-self:center;color:var(--muted);font-size:.9rem}
.position-swap button{padding:10px 13px}
.card-nine{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:650px;margin:24px auto 8px}
.card-nine .card-box{position:relative;background:#fbfcfb;border:1px solid var(--line);border-radius:14px;padding:12px 8px}
.card-nine .card-box img{width:min(100%,118px)}
.card-nine .card-box strong{font-size:.9rem}
.card-nine .card-box .muted{display:block;font-size:.8rem;line-height:1.25;margin-top:3px}
.card-nine .center-card{background:#f7f1e3;border-color:#d7c28c;box-shadow:0 8px 22px rgba(181,150,82,.16)}
.card-nine .center-card img{box-shadow:0 8px 20px rgba(181,150,82,.24)}
.position-number{position:absolute;top:7px;left:8px;display:inline-grid;place-items:center;width:25px;height:25px;border-radius:999px;background:var(--green);color:#fff;font-size:.78rem;font-weight:800;z-index:2}
.nine-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mini-reading{background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px}
.mini-reading p{margin:6px 0}
.mini-reading.center-reading{background:#f7f1e3;border-color:#d7c28c}
.surrounding-list li{margin-bottom:10px}
@media(max-width:820px){.nine-select-grid{grid-template-columns:1fr 1fr}.card-nine{max-width:560px}.card-nine .card-box img{width:min(100%,105px)}.nine-help-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.nine-select-grid{grid-template-columns:1fr}.position-swap{grid-template-columns:1fr 1fr}.position-swap label{grid-column:1/-1}.position-swap span{display:none}.position-swap button{grid-column:1/-1}.card-nine{gap:9px}.card-nine .card-box{padding:9px 4px}.card-nine .card-box img{width:min(100%,90px)}.card-nine .card-box strong{font-size:.78rem}.card-nine .card-box .muted{font-size:.72rem}.position-number{width:21px;height:21px;font-size:.7rem;top:4px;left:4px}.nine-help-grid{grid-template-columns:1fr}}



/* Phase 8 · Häuserwerkstatt */
.house-select-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:18px}
.card-house{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;max-width:620px;margin:24px auto 8px}
.card-house .card-box{position:relative;background:#fbfcfb;border:1px solid var(--line);border-radius:15px;padding:15px 10px}
.card-house .card-box img{width:min(100%,150px)}
.card-house .house-box{background:#f7f1e3;border-color:#d7c28c}
.card-house .house-box img{box-shadow:0 8px 20px rgba(181,150,82,.22)}
.house-symbol{font-size:1.75rem;color:var(--gold);font-weight:800;text-align:center;line-height:1.15}
.house-symbol small{display:block;font-size:.72rem;color:var(--muted);font-weight:650;margin-top:4px}
.house-badge{position:absolute;top:8px;left:8px;background:var(--gold);color:#fff;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:800}
.house-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.house-summary>div{background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px}
.house-summary p{margin:7px 0 0}
@media(max-width:700px){.house-select-grid{grid-template-columns:1fr}.card-house{grid-template-columns:1fr;max-width:300px}.house-symbol{transform:none}.card-house .card-box img{width:min(100%,140px)}.house-summary{grid-template-columns:1fr}}


/* Phase 9 · Lebensbaum-Werkstatt */
.life-tree-select-grid{display:grid;grid-template-columns:repeat(3,minmax(210px,1fr));gap:14px}
.life-tree-actions{align-items:end;gap:12px}
.life-tree-layout{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));grid-template-areas:". crown ." "left . right" ". heart ." ". trunk ." "root1 root2 root3" ". seed .";gap:14px;max-width:720px;margin:26px auto 10px;align-items:start}
.tree-card{position:relative;background:#fbfcfb;border:1px solid var(--line);border-radius:15px;padding:11px 7px;min-width:0}
.tree-card img{width:min(100%,112px)!important}
.tree-card strong{font-size:.86rem}
.tree-card .muted{display:block;font-size:.76rem;line-height:1.25;margin-top:3px}
.tree-crown{grid-area:crown;background:#f3f8f4;border-color:#9fbea9}
.left-branch{grid-area:left;background:#f5faf6}
.right-branch{grid-area:right;background:#f5faf6}
.heart-trunk{grid-area:heart;background:#f7f1e3;border-color:#d7c28c;box-shadow:0 8px 22px rgba(181,150,82,.15)}
.lower-trunk{grid-area:trunk;background:#f3eee6;border-color:#cdbca6}
.root-one{grid-area:root1;background:#f7f2ec;border-color:#d8c5ae}
.root-two{grid-area:root2;background:#f7f2ec;border-color:#d8c5ae}
.root-three{grid-area:root3;background:#f7f2ec;border-color:#d8c5ae}
.tree-seed{grid-area:seed;background:#eef6ee;border-color:#a8c2a4}
.life-tree-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:820px){.life-tree-select-grid{grid-template-columns:1fr 1fr}.life-tree-layout{max-width:610px}.tree-card img{width:min(100%,102px)!important}.life-tree-help-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.life-tree-select-grid{grid-template-columns:1fr}.life-tree-layout{grid-template-columns:repeat(3,minmax(88px,1fr));gap:8px}.tree-card{padding:8px 4px}.tree-card img{width:min(100%,82px)!important}.tree-card strong{font-size:.72rem}.tree-card .muted{font-size:.66rem}.life-tree-help-grid{grid-template-columns:1fr}}


/* Phase 10 · Herzkompass-Werkstatt */
.heart-compass-intro{background:linear-gradient(180deg,#fff 0%,#fffafb 100%)}
.heart-compass-select-grid{display:grid;grid-template-columns:repeat(3,minmax(210px,1fr));gap:14px}
.heart-compass-actions{align-items:end;gap:12px}
.heart-compass-layout{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));grid-template-areas:". longing ." "outside . protection" "anchor heart clarity" "companion return next";gap:14px;max-width:760px;margin:26px auto 10px;align-items:start}
.heart-compass-card{position:relative;background:#fffafb;border:1px solid #dfcbd1;border-radius:15px;padding:11px 7px;min-width:0}
.heart-compass-card img{width:min(100%,112px)!important}
.heart-compass-card strong{font-size:.86rem;color:#794e5c}
.heart-compass-card .muted{display:block;font-size:.76rem;line-height:1.25;margin-top:3px}
.compass-heart{grid-area:heart;background:#f8e9ed;border-color:#c88fa0;box-shadow:0 8px 22px rgba(142,82,100,.18)}
.compass-longing{grid-area:longing;background:#fff4f7;border-color:#d9aebe}
.compass-outside{grid-area:outside;background:#f8f6fb;border-color:#cfc8dc}
.compass-protection{grid-area:protection;background:#f7f3f5;border-color:#cfbbc2}
.compass-anchor{grid-area:anchor;background:#f4f8f4;border-color:#adc4ae}
.compass-clarity{grid-area:clarity;background:#f5f8fb;border-color:#b7c8d7}
.compass-companion{grid-area:companion;background:#f8f5ed;border-color:#d5c7aa}
.compass-return{grid-area:return;background:#f2f8f5;border-color:#a8c8b7}
.compass-next{grid-area:next;background:#f7f1e3;border-color:#d7c28c}
.heart-step-card{box-shadow:0 8px 20px rgba(181,150,82,.15)}
.heart-compass-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mini-reading.heart-reading{background:#f8e9ed;border-color:#c88fa0}
@media(max-width:820px){.heart-compass-select-grid{grid-template-columns:1fr 1fr}.heart-compass-layout{max-width:630px}.heart-compass-card img{width:min(100%,102px)!important}.heart-compass-help-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.heart-compass-select-grid{grid-template-columns:1fr}.heart-compass-layout{grid-template-columns:repeat(3,minmax(88px,1fr));gap:8px}.heart-compass-card{padding:8px 4px}.heart-compass-card img{width:min(100%,82px)!important}.heart-compass-card strong{font-size:.72rem}.heart-compass-card .muted{font-size:.66rem}.heart-compass-help-grid{grid-template-columns:1fr}}

/* Phase 11 · finalisierte Online-Kursplattform */
:root{
  --green-dark:#244b42;
  --rose:#8b5968;
  --focus:#f0c96a;
}
body{background:linear-gradient(180deg,#f8f4ed 0,#f4efe6 100%);min-height:100vh}
.skip-link{position:fixed;left:12px;top:-80px;background:#fff;color:var(--green);padding:10px 14px;border-radius:8px;z-index:1000;box-shadow:var(--shadow)}
.skip-link:focus{top:12px}
.site-header{background:linear-gradient(100deg,var(--green-dark),var(--green));}
.header-inner{min-height:72px}
.brand{display:flex;align-items:center;gap:9px;letter-spacing:.01em}
.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.15);color:#f4dfac}
.menu-toggle{display:none;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);padding:9px 12px}
.main-navigation{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.main-navigation>a,.nav-dropdown>summary{color:#fff;text-decoration:none;padding:9px 11px;border-radius:9px;font-size:.94rem;cursor:pointer;list-style:none;white-space:nowrap}
.nav-dropdown>summary::-webkit-details-marker{display:none}
.nav-dropdown>summary::after{content:' ▾';font-size:.78em}
.main-navigation>a:hover,.main-navigation>a.is-active,.nav-dropdown>summary:hover,.nav-dropdown[open]>summary{background:rgba(255,255,255,.15)}
.nav-dropdown{position:relative}
.nav-dropdown-menu{display:grid;position:absolute;right:0;top:calc(100% + 8px);min-width:235px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:8px;box-shadow:0 18px 45px rgba(20,55,46,.2);z-index:80}
.nav-dropdown-menu a{color:var(--green);text-decoration:none;padding:10px 12px;border-radius:8px}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a.is-active{background:#edf4f0}
.logout-link{border:1px solid rgba(255,255,255,.35)}
.main-content{padding-top:30px}
.card{border-radius:18px;box-shadow:0 12px 34px rgba(45,90,79,.075)}
.card.hero{background:linear-gradient(135deg,#fff 0%,#f7fbf8 62%,#f9f1df 100%);border-color:#cbdad3}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,.6fr);gap:28px;align-items:center}
.hero-note{border:1px solid #dccb9f;background:#fffaf0;border-radius:14px;padding:18px}
.hero-note p:last-child{margin-bottom:0}
.quick-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.section-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}
.section-heading h2{margin-bottom:4px}
.workshop-card{position:relative;overflow:hidden;min-height:172px}
.workshop-card::after{content:'→';position:absolute;right:18px;bottom:13px;color:var(--gold);font-size:1.3rem;font-weight:800}
.workshop-card:hover{border-color:#9fb8ac}
.workshop-card.special{background:linear-gradient(180deg,#fff,#fff8fa)}
.workshop-card.special h3{color:var(--rose)}
.learning-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:path}
.learning-step{counter-increment:path;background:#f8faf9;border:1px solid var(--line);border-radius:14px;padding:16px}
.learning-step::before{content:counter(path);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;margin-bottom:9px}
.learning-step h3{margin-bottom:6px}.learning-step p{margin:0;color:var(--muted);font-size:.92rem}
.help-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.help-topic{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.help-topic h3{margin-bottom:8px}.help-topic p:last-child{margin-bottom:0}
.account-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:22px}
.definition-list{display:grid;grid-template-columns:max-content 1fr;gap:9px 18px;margin:0}.definition-list dt{font-weight:750;color:var(--green)}.definition-list dd{margin:0}
.admin-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:end}
.admin-toolbar>div{flex:1 1 180px}.admin-toolbar label{margin-top:0}
.danger-zone{border-color:#e3bbbb;background:#fffafa}
.backup-box{background:#f8faf9;border:1px solid var(--line);border-radius:14px;padding:18px}
.file-input{background:#fff}
.footer-inner{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.status-active{color:var(--ok)}.status-expired{color:#8a641f}.status-blocked{color:var(--danger)}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}

@media(max-width:1000px){
  .learning-path{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .site-header{position:sticky}
  .header-inner{min-height:66px;flex-direction:row;align-items:center;padding:9px 0}
  .menu-toggle{display:inline-flex;align-items:center;gap:7px;margin-left:auto}
  .main-navigation{display:none;position:absolute;left:0;right:0;top:100%;background:var(--green-dark);padding:10px max(12px,calc((100vw - 1120px)/2));box-shadow:0 12px 25px rgba(0,0,0,.18);align-items:stretch;flex-direction:column;flex-wrap:nowrap}
  .main-navigation.is-open{display:flex}
  .main-navigation>a,.nav-dropdown>summary{width:100%;padding:11px 13px}
  .nav-dropdown{width:100%}
  .nav-dropdown-menu{position:static;box-shadow:none;border:0;margin:4px 0 5px;background:rgba(255,255,255,.96)}
  .hero-grid,.account-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .brand span:last-child{font-size:.98rem}
  .brand-mark{width:27px;height:27px}
  .card{padding:18px;border-radius:14px}
  .learning-path{grid-template-columns:1fr}
  .section-heading{display:block}
  .section-heading .actions{margin-top:12px}
  .quick-links .button{flex:1 1 100%}
  .admin-toolbar{display:block}
  table.responsive-table thead{display:none}
  table.responsive-table,table.responsive-table tbody,table.responsive-table tr,table.responsive-table td{display:block;width:100%}
  table.responsive-table tr{border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden;background:#fff}
  table.responsive-table td{display:grid!important;grid-template-columns:112px 1fr;gap:10px;border-bottom:1px solid var(--line);padding:10px}
  table.responsive-table td:last-child{border-bottom:0}
  table.responsive-table td::before{content:attr(data-label);font-weight:750;color:var(--green)}
}

/* Phase 11 · specificity corrections for the earlier responsive rules */
@media(max-width:900px){
  .site-header .main-navigation{display:none}
  .site-header .main-navigation.is-open{display:flex}
}
@media(max-width:700px){
  table.responsive-table th:nth-child(3),table.responsive-table td:nth-child(3){display:table-cell}
}
@media(max-width:620px){
  table.responsive-table td:nth-child(3){display:grid!important}
}

/* Phase 11 · Fix: sichtbare Links im weißen Werkstätten-Untermenü */
.site-header .main-navigation .nav-dropdown-menu a{
  display:block;
  color:var(--green);
  background:transparent;
  text-decoration:none;
  padding:10px 12px;
  border-radius:8px;
}
.site-header .main-navigation .nav-dropdown-menu a:hover,
.site-header .main-navigation .nav-dropdown-menu a.is-active{
  color:var(--green-dark);
  background:#edf4f0;
}

/* Phase 13 · Geschützter Bereich Hilfe & Austausch */
.forum-home-callout{background:linear-gradient(135deg,#fff 0%,#f4faf7 70%,#fff8e9 100%)}
.forum-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.forum-category-card{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;text-decoration:none;color:var(--text);transition:.18s ease;box-shadow:0 5px 16px rgba(45,90,79,.045)}
.forum-category-card:hover{transform:translateY(-2px);border-color:#9fb8ac;box-shadow:0 10px 24px rgba(45,90,79,.1)}
.forum-category-card.official{background:linear-gradient(135deg,#fffdf7,#f8fbf9);border-color:#dacb9f}
.forum-category-card h3{margin:0 0 7px}.forum-category-card p{margin:0 0 10px;color:var(--muted)}
.forum-category-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#edf4f0;color:var(--green);font-size:1.35rem;font-weight:800}
.forum-meta-row{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.82rem}
.forum-topic-list{display:grid;gap:10px}
.forum-topic-row{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:13px;padding:15px 16px;text-decoration:none;color:var(--text)}
.forum-topic-row:hover{border-color:#9fb8ac;background:#fbfdfc}
.forum-topic-main{display:grid;gap:4px;min-width:0}.forum-topic-main strong{color:var(--green);font-size:1.03rem}
.forum-topic-badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.forum-topic-badges .badge{text-decoration:none}
.forum-topic-stats{display:grid;gap:4px;text-align:right;color:var(--muted);font-size:.85rem;white-space:nowrap}
.forum-rules-callout{border-color:#dacb9f;background:#fffaf0}
.forum-rules-box{margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:14px;background:#f8faf9}
.forum-rules-box li{margin-bottom:9px}
.checkbox-row{display:flex;align-items:flex-start;gap:10px;font-weight:600;background:#fffaf0;border:1px solid #dacb9f;border-radius:12px;padding:14px}
.checkbox-row input{width:auto;margin-top:4px;flex:0 0 auto}
.forum-topic-header{border-bottom:3px solid #dfeae5}
.forum-post-list{display:grid;gap:14px;margin-bottom:20px}
.forum-post{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;padding:0;overflow:hidden}
.forum-post.by-admin{border-color:#d5c18a;background:linear-gradient(90deg,#fffaf0 0,#fff 28%)}
.forum-post-author{padding:20px;background:#f7faf8;border-right:1px solid var(--line);display:flex;gap:10px;align-items:flex-start}
.forum-post-author>div:last-child{display:grid;gap:5px;min-width:0}.forum-post-author .badge{width:max-content}
.forum-avatar{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:var(--green);color:#fff;font-weight:800}
.forum-post-body{padding:22px 22px 8px;min-width:0;white-space:normal;overflow-wrap:anywhere}
.forum-post-body p{margin-top:0;line-height:1.65}
.forum-post-actions{grid-column:2;display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:0 22px 18px;font-size:.88rem}
.forum-post-actions a,.link-button{color:var(--green);background:none;border:0;padding:0;text-decoration:underline;font:inherit;font-weight:650;cursor:pointer}
.forum-post-actions form{margin:0}.danger-text{color:var(--danger)!important}
.forum-quote{border-left:4px solid #b6c9c0;background:#f7faf8;padding:13px 15px;border-radius:0 10px 10px 0;margin:12px 0;color:#4f615c;white-space:pre-wrap;overflow-wrap:anywhere}
.forum-report-list{display:grid;gap:14px}.forum-report{border:1px solid #e0c4c4;background:#fffafa;border-radius:14px;padding:18px}.forum-report h3{margin-bottom:8px}
.pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px;margin-top:15px}
.check-row{display:flex;gap:12px;align-items:center;padding:11px 13px;border-radius:10px;margin:8px 0;background:#f7faf8;border:1px solid var(--line)}
.check-row strong{min-width:58px}.check-row.ok strong{color:var(--ok)}.check-row.not-ok strong{color:var(--danger)}
a.badge{display:inline-block}
@media(max-width:760px){
  .forum-topic-row{display:grid}.forum-topic-stats{text-align:left;display:flex;gap:12px;flex-wrap:wrap}
  .forum-post{grid-template-columns:1fr}.forum-post-author{border-right:0;border-bottom:1px solid var(--line);padding:14px 16px}.forum-post-body{padding:18px 16px 6px}.forum-post-actions{grid-column:1;padding:0 16px 16px}
}
@media(max-width:520px){.forum-category-grid{grid-template-columns:1fr}.forum-category-card{grid-template-columns:40px 1fr;padding:15px}.forum-category-icon{width:38px;height:38px}.forum-meta-row{display:grid;gap:3px}.pagination{flex-wrap:wrap}}